@charset "utf-8";

/*

Author:   José Guilherme Moreira
Contact:  jgmoreira@gangnetworks.com
Web Site: https://gangnetworks.com */

/* RootVars tags appearance */

:root { 

/*---- Fonts ---- */

--base-font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
--navigation-font-family: Helvetica, Arial, sans-serif; 
--tables-font-family: Helvetica, Arial, sans-serif; 

--base-font-size: 82.5%; 
--base-line-height: 150%; 

/*---- Backgrounds ---- */

--base-background-color: #18271a; 
--highlighted-background-color: #ffff00; 

--base-background-dark-color: #111b12; 
--base-background-middle-color: #a3a9a3; 
--base-background-faded-color: #e8eae8; 
--base-background-light-color: #f6f6f6; 
--base-background-inactive-color: #dddddd; 

--highlighted-background-light-color: #ffffb3; 

/*---- Texts, Links and Graphics ---- */

--base-text-color: #252826; 
--base-link-color: #1f3721; 
--highlighted-text-color: #cc0000; 

--base-graphics-color: #1f3721; /* Hexadecimal color mandatory (for SVGs) */

/*---- Texts, Links and Text Shadows ---- */

--base-text-dark-color: #1a1c1b; 
--base-text-middle-color: #666967; 
--base-text-faded-color: #7d807e; 
--base-text-light-color: #c9cbca; 
--base-text-shadow-color: #949695; 

--base-visited-link-color: #627364; 
--base-hover-link-color: #162617; 

--highlighted-text-dark-color: #660000; 
--highlighted-border-color: #e37373; 

/*---- Borders and Box Shadows ---- */

--base-border-color: #5d685f; 

--base-border-middle-color: #8e958f; 
--base-border-light-color: #9fa5a0; 

--base-box-shadow-color: #757f77; 
--base-box-shadow-light-color: #cfd2cf; 

/*---- Headings ---- */

--heading-1-margins: 0 0 0.71rem; 
--heading-1-font-size: 2.1em; 

--heading-2-margins: 0 0 0.86rem; 
--heading-2-font-size: 1.7em; 

--heading-3-margins: 0 0 1rem; 
--heading-3-font-size: 1.5em; 

--heading-4-margins: 0 0 1.04rem; 
--heading-4-font-size: 1.4em; 

--heading-5-margins: 0 0 1.14rem; 
--heading-5-font-size: 1.3em; 

--heading-6-margins: 0 0 1.26rem; 
--heading-6-font-size: 1.2em; 

--base-heading-color: #232624; /* Hexadecimal color mandatory (for SVGs) */

/*---- Layout ---- */

--layout-border-color: #000000; 
--layout-inner-border-color: #4d4d4d; 

--note-text-color: #e64141; 

/*---- Header ---- */

--header-background-color: #020202; 
--header-text-color: #dde0dc; 
--header-link-color: #dde0dc; /* Hexadecimal color mandatory (for SVGs) */

/*---- Search ---- */

--search-area-background-color: transparent; 
--search-area-text-color: #252826; 
--search-area-link-color: #252826; 

/*---- Breadcrumb Trail ---- */

--breadcrumb-trail-background-color: transparent; 
--breadcrumb-trail-text-color: #252826; 
--breadcrumb-trail-link-color: #252826; 

/*---- Personal Menu Box ---- */

--personal-menu-box-background-color: transparent; 
--personal-menu-box-active-background-color: #252826; 
--personal-menu-box-link-color: #252826; 
--personal-menu-box-active-link-color: #ffffff; 

/*---- Custom ---- */

/*---- Footer ---- */

--footer-background-color: transparent; 
--footer-text-color: #252826; 
--footer-link-color: #1f3721; 
--footer-visited-link-color: #627364; 
--footer-hover-link-color: #162617; 

/*---- Copyrights ---- */

--copyrights-background-color: transparent; 
--copyrights-text-color: #252826; 
--copyrights-link-color: #1f3721; 
--copyrights-visited-link-color: #627364; 
--copyrights-hover-link-color: #162617; 

/*---- Scroll Up ---- */

--scroll-up-background-color: #999998; 
--scroll-up-hover-background-color: #93ac12; 

/*---- Navigation and Menus ---- */

--navigation-top-area-height: 40px; 
--menu-top-link-color: #ededff; 
--menu-top-hover-link-color: #e1e1f2; 
--menu-top-active-link-color: #181819; 

--submenu-top-link-color: #ededff; 
--submenu-top-hover-link-color: #e1e1f2; 
--submenu-top-active-link-color: #181819; 

--menu-left-link-color: #ededff; 
--menu-left-hover-link-color: #e1e1f2; 
--menu-left-active-link-color: #181819; 

--submenu-left-link-color: #ededff; 
--submenu-left-hover-link-color: #e1e1f2; 
--submenu-left-active-link-color: #181819; 

--menu-right-link-color: #ededff; 
--menu-right-hover-link-color: #e1e1f2; 
--menu-right-active-link-color: #181819; 

--submenu-right-link-color: #ededff; 
--submenu-right-hover-link-color: #e1e1f2; 
--submenu-right-active-link-color: #181819; 

--navigation-bottom-area-height: 40px; 
--menu-bottom-link-color: #1f3721; 
--menu-bottom-hover-link-color: #1d341f; 
--menu-bottom-active-link-color: #030503; 

--submenu-bottom-link-color: #1f3721; 
--submenu-bottom-hover-link-color: #1d341f; 
--submenu-bottom-active-link-color: #030503; 

--navigation-border-color: #383e39; 

/*---- Messages ---- */

--messages-font-family: 'Lucida Grande', Verdana, sans-serif; 
--messages-font-size: 90%; 
--messages-line-height: 180%; 

--message-info-background-color: #ecf9ff; 
--message-info-border-color: #bbdbe0; 
--message-info-text-color: #0888c3; 

--message-attention-background-color: #fefde2; 
--message-attention-border-color: #e5e181; 
--message-attention-text-color: #666666; 

--message-failed-background-color: #ffecce; 
--message-failed-border-color: #e9c59b; 
--message-failed-text-color: #e3302c; 

--message-successful-background-color: #edfbd8; 
--message-successful-border-color: #bfde84; 
--message-successful-text-color: #508600; 

/*---- Forms ---- */

--forms-font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
--forms-font-size: 99%; 
--forms-line-height: 160%; 

--form-field-background-color: #fffffe; 
--form-field-text-color: #444445; 
--form-button-background-color: #f2f2f2; 
--form-button-hover-background-color: #e6e6e6; 
--form-button-text-color: #222223; 

--button-background-image-linear-gradient: linear-gradient(to bottom, rgb(200,200,200) 0%, rgb(230,230,230) 100%); 
--button-hover-background-image-linear-gradient: linear-gradient(to bottom, rgb(190,190,190) 0%, rgb(220,220,220) 100%); 

--hintbox-background-color: #ffffcc; 
--hintbox-border-color: #cc9933; 
--hintbox-text-color: #000011; 

/*---- Tables ---- */

--tables-background-dark-color: #11331f; 

--tables-background-middle-color: #acb8b1; 
--tables-background-faded-color: #9ba69f; 
--tables-background-light-color: #e6eae8; 
--tables-background-inactive-color: #cfd3d1; 
--tables-border-color: #415c4c; 
--tables-text-dark-color: #08190f; 
--tables-text-middle-color: #525e57; 
--tables-text-faded-color: #6c7670; 
--tables-text-light-color: #f3f4f3; 

/*---- Media ---- */

--media-grids-thumbs-per-row: 3; /* Positive integer */

--media-containers-background-light-color: #ffffff; 
--media-containers-background-hover-color: #b8b8b8; 
--media-containers-margin-width: 8px; 
--media-containers-border-width: 1px; 
--media-containers-box-shadow: #cccccc;

--images-containers-big-width: 100%; 
--images-containers-regular-width: 40%; 
--images-containers-thumbs-width: 25%; 
--images-containers-centered-thumbs-width: 90%; 

--images-margin-width: 5px; 
--images-border-width: 1px; 

--sounds-containers-regular-width: 35%; 

--videos-containers-big-width: 100%; 
--videos-containers-regular-width: 40%; 
--videos-containers-thumbs-width: 25%; 
--videos-containers-centered-thumbs-width: 90%; 

--players-margin-width: 5px; 
--players-border-width: 1px; 

/*---- Lightbox ---- */

--lightbox-text-color: #bbbbbb; 
--lightbox-text-dark-color: #a8a8a8; 

/*---- Flexslider ---- */

--flexslider-paging-background-link-color: #c2c2c2; 
--flexslider-paging-background-hover-color: #b1b1b1; 
--flexslider-paging-background-active-color: #585856; 

/*---- Calendar ---- */

--calendar-background-dark-color: #11331f; 
--calendar-background-active-color: #fcd70d; 
--calendar-linked-background-color: #ff6600; 
--calendar-linked-text-color: #fffffe; 

--calendar-background-middle-color: #acb8b1; 
--calendar-background-faded-color: #9ba69f; 
--calendar-background-light-color: #e6eae8; 
--calendar-background-inactive-color: #cfd3d1; 

--calendar-border-color: #415c4c; 

--calendar-text-dark-color: #08190f; 
--calendar-text-middle-color: #525e57; 
--calendar-text-faded-color: #6c7670; 
--calendar-text-light-color: #f3f4f3; 

/*---- Catalogues ---- */

--product-icon-color: #ff6500; 

/*---- Print ---- */

--print-font-family: Helvetica, Arial, sans-serif; 

--print-background-color: #ffffff; 
--print-highlighted-background-color: #ffff00; 

--print-text-color: #666665; 
--print-link-color: #000098; 
--print-highlighted-text-color: #cd0000; 

--print-text-middle-color: #949493; 
--print-text-shadow-color: #b4b4b3; 

--print-highlighted-text-dark-color: #660000; 

--print-border-color: #757574; 
--print-border-middle-color: #9e9e9e; 
--print-border-light-color: #adadad; 

--print-box-shadow-color: #8a8a89; 
--print-box-shadow-light-color: #d6d6d6; 

--print-form-field-background-color: #fffffe; 
--print-form-field-text-color: #444443; 
--print-form-button-background-color: #f1f1f2; 
--print-form-button-text-color: #222224; 

/*---- Handheld ---- */

--handheld-font-size: 85%; 

/*---- Colors Names ---- */

--aliceblue-color: rgb(240,248,255); 
--antiquewhite-color: rgb(250,235,215); 
--aqua-color: rgb(0,255,255); 
--aquamarine-color: rgb(127,255,212); 
--azure-color: rgb(240,255,255); 
--beige-color: rgb(245,245,220); 
--bisque-color: rgb(255,228,196); 
--black-color: rgb(0,0,0); 
--blanchedalmond-color: rgb(255,235,205); 
--blue-color: rgb(0,0,255); 
--blueviolet-color: rgb(138,43,226); 
--brown-color: rgb(165,42,42); 
--burlywood-color: rgb(222,184,135); 
--cadetblue-color: rgb(95,158,160); 
--chartreuse-color: rgb(127,255,0); 
--chocolate-color: rgb(210,105,30); 
--coral-color: rgb(255,127,80); 
--cornflowerblue-color: rgb(100,149,237); 
--cornsilk-color: rgb(255,248,220); 
--crimson-color: rgb(220,20,60); 
--cyan-color: rgb(0,255,255); 
--darkblue-color: rgb(0,0,139); 
--darkcyan-color: rgb(0,139,139); 
--darkgoldenrod-color: rgb(184,134,11); 
--darkgray-color: rgb(169,169,169); 
--darkgreen-color: rgb(0,100,0); 
--darkkhaki-color: rgb(189,183,107); 
--darkmagenta-color: rgb(139,0,139); 
--darkolivegreen-color: rgb(85,107,47); 
--darkorange-color: rgb(255,140,0); 
--darkorchid-color: rgb(153,50,204); 
--darkred-color: rgb(139,0,0); 
--darksalmon-color: rgb(233,150,122); 
--darkseagreen-color: rgb(143,188,139); 
--darkslateblue-color: rgb(72,61,139); 
--darkslategray-color: rgb(47,79,79); 
--darkturquoise-color: rgb(0,206,209); 
--darkviolet-color: rgb(148,0,211); 
--deeppink-color: rgb(255,20,147); 
--deepskyblue-color: rgb(0,191,255); 
--dimgray-color: rgb(105,105,105); 
--dodgerblue-color: rgb(30,144,255); 
--firebrick-color: rgb(178,34,34); 
--floralwhite-color: rgb(255,250,240); 
--forestgreen-color: rgb(34,139,34); 
--fuchsia-color: rgb(255,0,255); 
--gainsboro-color: rgb(220,220,220); 
--ghostwhite-color: rgb(248,248,255); 
--gold-color: rgb(255,215,0); 
--goldenrod-color: rgb(218,165,32); 
--gray-color: rgb(128,128,128); 
--green-color: rgb(0,128,0); 
--greenyellow-color: rgb(173,255,47); 
--honeydew-color: rgb(240,255,240); 
--hotpink-color: rgb(255,105,180); 
--indianred-color: rgb(205,92,92); 
--indigo-color: rgb(75,0,130); 
--ivory-color: rgb(255,255,240); 
--khaki-color: rgb(240,230,140); 
--lavenderblush-color: rgb(255,240,245); 
--lavender-color: rgb(230,230,250); 
--lawngreen-color: rgb(124,252,0); 
--lemonchiffon-color: rgb(255,250,205); 
--lightblue-color: rgb(173,216,230); 
--lightcoral-color: rgb(240,128,128); 
--lightcyan-color: rgb(224,255,255); 
--lightgoldenrodyellow-color: rgb(250,250,210); 
--lightgray-color: rgb(211,211,211); 
--lightgreen-color: rgb(144,238,144); 
--lightpink-color: rgb(255,182,193); 
--lightsalmon-color: rgb(255,160,122); 
--lightsalmon-color: rgb(255,160,122); 
--lightseagreen-color: rgb(32,178,170); 
--lightskyblue-color: rgb(135,206,250); 
--lightslategray-color: rgb(119,136,153); 
--lightsteelblue-color: rgb(176,196,222); 
--lightyellow-color: rgb(255,255,224); 
--lime-color: rgb(0,255,0); 
--limegreen-color: rgb(50,205,50); 
--linen-color: rgb(250,240,230); 
--magenta-color: rgb(255,0,255); 
--maroon-color: rgb(128,0,0); 
--mediumaquamarine-color: rgb(102,205,170); 
--mediumblue-color: rgb(0,0,205); 
--mediumorchid-color: rgb(186,85,211); 
--mediumpurple-color: rgb(147,112,219); 
--mediumseagreen-color: rgb(60,179,113); 
--mediumslateblue-color: rgb(123,104,238); 
--mediumslateblue-color: rgb(123,104,238); 
--mediumspringgreen-color: rgb(0,250,154); 
--mediumturquoise-color: rgb(72,209,204); 
--mediumvioletred-color: rgb(199,21,133); 
--midnightblue-color: rgb(25,25,112); 
--mintcream-color: rgb(245,255,250); 
--mistyrose-color: rgb(255,228,225); 
--moccasin-color: rgb(255,228,181); 
--navajowhite-color: rgb(255,222,173); 
--navy-color: rgb(0,0,128); 
--oldlace-color: rgb(253,245,230); 
--olive-color: rgb(128,128,0); 
--olivedrab-color: rgb(107,142,35); 
--orange-color: rgb(255,165,0); 
--orangered-color: rgb(255,69,0); 
--orchid-color: rgb(218,112,214); 
--palegoldenrod-color: rgb(238,232,170); 
--palegreen-color: rgb(152,251,152); 
--paleturquoise-color: rgb(175,238,238); 
--palevioletred-color: rgb(219,112,147); 
--papayawhip-color: rgb(255,239,213); 
--peachpuff-color: rgb(255,218,185); 
--peru-color: rgb(205,133,63); 
--pink-color: rgb(255,192,203); 
--plum-color: rgb(221,160,221); 
--powderblue-color: rgb(176,224,230); 
--purple-color: rgb(128,0,128); 
--rebeccapurple-color: rgb(102,51,153); 
--red-color: rgb(255,0,0); 
--rosybrown-color: rgb(188,143,143); 
--royalblue-color: rgb(65,105,225); 
--saddlebrown-color: rgb(139,69,19); 
--salmon-color: rgb(250,128,114); 
--sandybrown-color: rgb(244,164,96); 
--seagreen-color: rgb(46,139,87); 
--seashell-color: rgb(255,245,238); 
--sienna-color: rgb(160,82,45); 
--silver-color: rgb(192,192,192); 
--skyblue-color: rgb(135,206,235); 
--slateblue-color: rgb(106,90,205); 
--slategray-color: rgb(112,128,144); 
--snow-color: rgb(255,250,250); 
--springgreen-color: rgb(0,255,127); 
--steelblue-color: rgb(70,130,180); 
--tan-color: rgb(210,180,140); 
--teal-color: rgb(0,128,128); 
--thistle-color: rgb(216,191,216); 
--tomato-color: rgb(255,99,71); 
--turquoise-color: rgb(64,224,208); 
--violet-color: rgb(238,130,238); 
--wheat-color: rgb(245,222,179); 
--white-color: rgb(255,255,255); 
--whitesmoke-color: rgb(245,245,245); 
--yellow-color: rgb(255,255,0); 
--yellowgreen-color: rgb(154,205,50); 

} 

/**//* Normalize tags appearance */

* { 
margin: 0; 
padding: 0; 
} 

:focus { 
outline-style: none; 
} 

abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { 
background: transparent; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: baseline; 
font-size: 100%; 
outline: 0; 
} 

a { 
background: transparent; 
margin: 0; 
padding: 0; 
vertical-align: baseline; 
font-size: 100%; 
} 

a img { 
border: 0; 
} 

abbr, acronym, address, applet, audio, big, canvas, center, dd, dfn, dt, figure, font, iframe, img, ins, kbd, li, object, s, samp, small, tt, var, video { 
border: 0; 
} 

abbr[title], dfn[title] { 
border-bottom: 1px dotted rgb(192,192,192); 
} 

acronym { 
text-transform: uppercase; 
} 

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { 
display: block; 
} 

audio, canvas, video { 
display: inline-block; 
} 

audio, video { 
margin: 0 auto; 
} 

audio:not([controls]) { 
display: none; 
height: 0; 
} 

b, dt, strong, th { 
font-weight: bold; 
} 

blockquote, cite, q { 
margin: 0 auto; 
quotes: none; 
} 

blockquote:before, blockquote:after, q:before, q:after { 
content: ''; 
content: none; 
} 

body { 
white-space: normal; 
font-style: normal; 	/* normal || italic || oblique */
font-variant: normal; 	/* normal || small-caps */
font-weight: normal; 	/* normal || bold || bolder || lighter || (100-900) */
font-size-adjust: initial; 
font-stretch: normal; 
word-spacing: normal; 
letter-spacing: normal; 
} 

button { 
width: auto; 
overflow: visible; 
} 

button, input { 
line-height: normal; 
} 

button, select { 
text-transform: none; 
} 

button, input, select, textarea { 
margin: 0; 
vertical-align: middle; 
font-size: 100%; 
} 

code, pre { 
margin: 0 auto; 
padding: 0.1em; 
} 

code, kbd, pre, samp { 
font-size: 1em; 
font-family: 'Courier New', monospace, serif; 
} 

code { 
white-space: pre-wrap; 
} 

del, strike { 
text-decoration: line-through; 
} 

dfn, em, i { 
font-style: italic; 
} 

html { 
overflow-y: scroll; 
} 

hr { 
display: block; 
height: 0; 
margin: 0.1em 0 0.2em; 
box-sizing: content-box; 
} 

input, select { 
vertical-align: middle; 
} 

input[type="checkbox"], input[type="radio"] { 
padding: 0; 
box-sizing: border-box; 
} 

input[type="checkbox"] { 
vertical-align: bottom; 
} 

input[type="radio"] { 
vertical-align: text-bottom; 
} 

input[type="search"] { 
box-sizing: content-box; 
} 

ins { 
text-decoration: none; 
} 

li, ol, ul { 
margin: initial; 
} 

mark { 
background: rgb(255,255,0); 
color: rgb(0,0,0); 
} 

nav ol, nav ul { 
list-style: none; 
list-style-image: none; 
} 

pre { 
white-space: pre; 
white-space: pre-wrap; 
white-space: pre-line; 
word-wrap: break-word; 
overflow: auto; 
} 

small { 
font-size: 85%; 
} 

sub, sup { 
position: relative; 
font-size: 75%; 
} 

sub { 
vertical-align: sub; 
} 

sup { 
vertical-align: super; 
} 

svg:not(:root) { 
overflow: hidden; 
} 

table { 
border-collapse: collapse; 
border-spacing: 0; 
font-size: inherit; 
} 

td { 
font-weight: normal; 
} 

td, td img { 
vertical-align: top; 
} 

th { 
vertical-align: bottom; 
} 

u { 
text-decoration: underline; 
} 

ul { 
list-style: none; 
} 

[hidden] { 
display: none; 
} 

/* Screen only rules */

@media screen { 
a:hover, a:active { 
outline: none; 
} 

abbr[title], dfn[title] { 
cursor: help; 
} 

body { 
cursor: default; 
} 

button, input[type="button"], input[type="image"], input[type="reset"], input[type="submit"], label a { 
cursor: pointer; 
} 

button[disabled], input[disabled] { 
cursor: default; 
} 

textarea { 
resize: vertical; 
} 
} 

/**//* Animations properties and values */

.animated { 
animation-duration: 1s; 
animation-fill-mode: both; 
} 

.animated.effect-bounce-in, .animated.effect-bounce-out, .animated.effect-flip-out-x, .animated.effect-flip-out-y { 
animation-duration: .75s; 
} 

.animated.effect-hinge { 
animation-duration: 2s; 
} 

.animated.infinite { 
animation-iteration-count: infinite; 
} 

/* Bounce animation properties and values */

@keyframes bounceAnimation { 
from, 20%, 53%, 80%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
transform: translate3d(0,0,0); 
} 
40%, 43% { 
animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); 
transform: translate3d(0,-30px,0); 
} 
70% { 
animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); 
transform: translate3d(0,-15px,0); 
} 
90% { 
transform: translate3d(0,-4px,0); 
} 
} 

.effect-bounce { 
animation-name: bounceAnimation; 
transform-origin: center bottom; 
} 

@keyframes bounceInAnimation { 
from, 20%, 40%, 60%, 80%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
} 
0% { 
opacity: 0; 
transform: scale3d(.3,.3,.3); 
} 
20% { 
transform: scale3d(1.1,1.1,1.1); 
} 
40% { 
transform: scale3d(.9,.9,.9); 
} 
60% { 
opacity: 1; 
transform: scale3d(1.03,1.03,1.03); 
} 
80% { 
transform: scale3d(.97,.97,.97); 
} 
to { 
opacity: 1; 
transform: scale3d(1,1,1); 
} 
} 

.effect-bounce-in { 
animation-name: bounceInAnimation; 
} 

@keyframes bounceInDownAnimation { 
from, 60%, 75%, 90%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
} 
0% { 
opacity: 0; 
transform: translate3d(0,-3000px,0); 
} 
60% { 
opacity: 1; 
transform: translate3d(0,25px,0); 
} 
75% { 
transform: translate3d(0,-10px,0); 
} 
90% { 
transform: translate3d(0,5px,0); 
} 
to { 
transform: none; 
} 
} 

.effect-bounce-in-down { 
animation-name: bounceInDownAnimation; 
} 

@keyframes bounceInLeftAnimation { 
from, 60%, 75%, 90%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
} 
0% { 
opacity: 0; 
transform: translate3d(-3000px,0,0); 
} 
60% { 
opacity: 1; 
transform: translate3d(25px,0,0); 
} 
75% { 
transform: translate3d(-10px,0,0); 
} 
90% { 
transform: translate3d(5px,0,0); 
} 
to { 
transform: none; 
} 
} 

.effect-bounce-in-left { 
animation-name: bounceInLeftAnimation; 
} 

@keyframes bounceInRightAnimation { 
from, 60%, 75%, 90%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
} 
from { 
opacity: 0; 
transform: translate3d(3000px,0,0); 
} 
60% { 
opacity: 1; 
transform: translate3d(-25px,0,0); 
} 
75% { 
transform: translate3d(10px,0,0); 
} 
90% { 
transform: translate3d(-5px,0,0); 
} 
to { 
transform: none; 
} 
} 

.effect-bounce-in-right { 
animation-name: bounceInRightAnimation; 
} 

@keyframes bounceInUpAnimation { 
from, 60%, 75%, 90%, to { 
animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); 
} 
from { 
opacity: 0; 
transform: translate3d(0,3000px,0); 
} 
60% { 
opacity: 1; 
transform: translate3d(0,-20px,0); 
} 
75% { 
transform: translate3d(0,10px,0); 
} 
90% { 
transform: translate3d(0,-5px,0); 
} 
to { 
transform: translate3d(0,0,0); 
} 
} 

.effect-bounce-in-up { 
animation-name: bounceInUpAnimation; 
} 

@keyframes bounceOutAnimation { 
20% { 
transform: scale3d(.9,.9,.9); 
} 
50%, 55% { 
opacity: 1; 
transform: scale3d(1.1,1.1,1.1); 
} 
to { 
opacity: 0; 
transform: scale3d(.3,.3,.3); 
} 
} 

.effect-bounce-out { 
animation-name: bounceOutAnimation; 
} 

@keyframes bounceOutDownAnimation { 
20% { 
transform: translate3d(0,10px,0); 
} 
40%, 45% { 
opacity: 1; 
transform: translate3d(0,-20px,0); 
} 
to { 
opacity: 0; 
transform: translate3d(0,2000px,0); 
} 
} 

.effect-bounce-out-down { 
animation-name: bounceOutDownAnimation; 
} 

@keyframes bounceOutLeftAnimation { 
20% { 
opacity: 1; 
transform: translate3d(20px,0,0); 
} 
to { 
opacity: 0; 
transform: translate3d(-2000px,0,0); 
} 
} 

.effect-bounce-out-left { 
animation-name: bounceOutLeftAnimation; 
} 

@keyframes bounceOutRightAnimation { 
20% { 
opacity: 1; 
transform: translate3d(-20px,0,0); 
} 
to { 
opacity: 0; 
transform: translate3d(2000px,0,0); 
} 
} 

.effect-bounce-out-right { 
animation-name: bounceOutRightAnimation; 
} 

@keyframes bounceOutUpAnimation { 
20% { 
transform: translate3d(0,-10px,0); 
} 
40%, 45% { 
opacity: 1; 
transform: translate3d(0,20px,0); 
} 
to { 
opacity: 0; 
transform: translate3d(0,-2000px,0); 
} 
} 

.effect-bounce-out-up { 
animation-name: bounceOutUpAnimation; 
} 

/* Fade animation properties and values */

@keyframes fadeInAnimation { 
from { 
opacity: 0; 
} 
to { 
opacity: 1; 
} 
} 

.effect-fade-in { 
animation-name: fadeInAnimation; 
} 

@keyframes fadeInDownAnimation { 
from { 
opacity: 0; 
transform: translate3d(0,-100%,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-down { 
animation-name: fadeInDownAnimation; 
} 

@keyframes fadeInDownBigAnimation { 
from { 
opacity: 0; 
transform: translate3d(0,-2000px,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-down-big { 
animation-name: fadeInDownBigAnimation; 
} 

@keyframes fadeInLeftAnimation { 
from { 
opacity: 0; 
transform: translate3d(-100%,0,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-left { 
animation-name: fadeInLeftAnimation; 
} 

@keyframes fadeInLeftBigAnimation { 
from { 
opacity: 0; 
transform: translate3d(-2000px,0,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-left-big { 
animation-name: fadeInLeftBigAnimation; 
} 

@keyframes fadeInRightAnimation { 
from { 
opacity: 0; 
transform: translate3d(100%,0,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-right { 
animation-name: fadeInRightAnimation; 
} 

@keyframes fadeInRightBigAnimation { 
from { 
opacity: 0; 
transform: translate3d(2000px,0,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-right-big { 
animation-name: fadeInRightBigAnimation; 
} 

@keyframes fadeInUpAnimation { 
from { 
opacity: 0; 
transform: translate3d(0,100%,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-up { 
animation-name: fadeInUpAnimation; 
} 

@keyframes fadeInUpBigAnimation { 
from { 
opacity: 0; 
transform: translate3d(0,2000px,0); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-fade-in-up-big { 
animation-name: fadeInUpBigAnimation; 
} 

@keyframes fadeOutAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
} 
} 

.effect-fade-out { 
animation-name: fadeOutAnimation; 
} 

@keyframes fadeOutDownAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(0,100%,0); 
} 
} 

.effect-fade-out-down { 
animation-name: fadeOutDownAnimation; 
} 

@keyframes fadeOutDownBigAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(0,2000px,0); 
} 
} 

.effect-fade-out-down-big { 
animation-name: fadeOutDownBigAnimation; 
} 

@keyframes fadeOutLeftAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(-100%,0,0); 
} 
} 

.effect-fade-out-left { 
animation-name: fadeOutLeftAnimation; 
} 

@keyframes fadeOutLeftBigAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(-2000px,0,0); 
} 
} 

.effect-fade-out-left-big { 
animation-name: fadeOutLeftBigAnimation; 
} 

@keyframes fadeOutRightAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(100%,0,0); 
} 
} 

.effect-fade-out-right { 
animation-name: fadeOutRightAnimation; 
} 

@keyframes fadeOutRightBigAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(2000px,0,0); 
} 
} 

.effect-fade-out-right-big { 
animation-name: fadeOutRightBigAnimation; 
} 

@keyframes fadeOutUpAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(0,-100%,0); 
} 
} 

.effect-fade-out-up { 
animation-name: fadeOutUpAnimation; 
} 

@keyframes fadeOutUpBigAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(0,-2000px,0); 
} 
} 

.effect-fade-out-up-big { 
animation-name: fadeOutUpBigAnimation; 
} 

/* Flash animation properties and values */

@keyframes flashAnimation { 
from, 50%, to { 
opacity: 1; 
} 
25%, 75% { 
opacity: 0; 
} 
} 

.effect-flash { 
animation-name: flashAnimation; 
} 

/* Flip animation properties and values */

@keyframes flipAnimation { 
from { 
transform: perspective(400px) rotate3d(0,1,0,-360deg); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) scale3d(.95,.95,.95); 
animation-timing-function: ease-in; 
} 
to { 
transform: perspective(400px); 
animation-timing-function: ease-in; 
} 
} 

.effect-flip { 
backface-visibility: visible; 
animation-name: flipAnimation; 
} 

@keyframes flipInXAnimation { 
from { 
transform: perspective(400px) rotate3d(1,0,0,90deg); 
animation-timing-function: ease-in; 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotate3d(1,0,0,-20deg); 
animation-timing-function: ease-in; 
} 
60% { 
transform: perspective(400px) rotate3d(1,0,0,10deg); 
opacity: 1; 
} 
80% { 
transform: perspective(400px) rotate3d(1,0,0,-5deg); 
} 
to { 
transform: perspective(400px); 
} 
} 

.effect-flip-in-x { 
backface-visibility: visible !important; 
animation-name: flipInXAnimation; 
} 

@keyframes flipInYAnimation { 
from { 
transform: perspective(400px) rotate3d(0,1,0,90deg); 
animation-timing-function: ease-in; 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotate3d(0,1,0,-20deg); 
animation-timing-function: ease-in; 
} 
60% { 
transform: perspective(400px) rotate3d(0,1,0,10deg); 
opacity: 1; 
} 
80% { 
transform: perspective(400px) rotate3d(0,1,0,-5deg); 
} 
to { 
transform: perspective(400px); 
} 
} 

.effect-flip-in-y { 
backface-visibility: visible !important; 
animation-name: flipInYAnimation; 
} 

@keyframes flipOutXAnimation { 
from { 
transform: perspective(400px); 
} 
30% { 
transform: perspective(400px) rotate3d(1,0,0,-20deg); 
opacity: 1; 
} 
to { 
transform: perspective(400px) rotate3d(1,0,0,90deg); 
opacity: 0; 
} 
} 

.effect-flip-out-x { 
animation-name: flipOutXAnimation; 
backface-visibility: visible !important; 
} 

@keyframes flipOutYAnimation { 
from { 
transform: perspective(400px); 
} 
30% { 
transform: perspective(400px) rotate3d(0,1,0,-15deg); 
opacity: 1; 
} 
to { 
transform: perspective(400px) rotate3d(0,1,0,90deg); 
opacity: 0; 
} 
} 

.effect-flip-out-y { 
backface-visibility: visible !important; 
animation-name: flipOutYAnimation; 
} 

/* Hinge animation properties and values */

@keyframes hingeAnimation { 
0% { 
transform-origin: top left; 
animation-timing-function: ease-in-out; 
} 
20%, 60% { 
transform: rotate3d(0,0,1,80deg); 
transform-origin: top left; 
animation-timing-function: ease-in-out; 
} 
40%, 80% { 
transform: rotate3d(0,0,1,60deg); 
transform-origin: top left; 
animation-timing-function: ease-in-out; 
opacity: 1; 
} 
to { 
transform: translate3d(0,700px,0); 
opacity: 0; 
} 
} 

.effect-hinge { 
animation-name: hingeAnimation; 
} 

/* Jello animation properties and values */

@keyframes jelloAnimation { 
from,11.1%, to { 
transform: none; 
} 
22.2% { 
transform: skewX(-12.5deg) skewY(-12.5deg); 
} 
33.3% { 
transform: skewX(6.25deg) skewY(6.25deg); 
} 
44.4% { 
transform: skewX(-3.125deg) skewY(-3.125deg); 
} 
55.5% { 
transform: skewX(1.5625deg) skewY(1.5625deg); 
} 
66.6% { 
transform: skewX(-0.78125deg) skewY(-0.78125deg); 
} 
77.7% { 
transform: skewX(0.390625deg) skewY(0.390625deg); 
} 
88.8% { 
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 
} 
} 

.effect-jello { 
animation-name: jelloAnimation; 
transform-origin: center; 
} 

/* Light Speed animation properties and values */

@keyframes lightSpeedInAnimation { 
from { 
transform: translate3d(100%,0,0) skewX(-30deg); 
opacity: 0; 
} 
60% { 
transform: skewX(20deg); 
opacity: 1; 
} 
80% { 
transform: skewX(-5deg); 
opacity: 1; 
} 
to { 
transform: none; 
opacity: 1; 
} 
} 

.effect-light-speed-in { 
animation-name: lightSpeedInAnimation; 
animation-timing-function: ease-out; 
} 

@keyframes lightSpeedOutAnimation { 
from { 
opacity: 1; 
} 
to { 
transform: translate3d(100%,0,0) skewX(30deg); 
opacity: 0; 
} 
} 

.effect-light-speed-out { 
animation-name: lightSpeedOutAnimation; 
animation-timing-function: ease-in; 
} 

/* Pulse animation properties and values */

@keyframes pulseAnimation { 
from { 
transform: scale3d(1,1,1); 
} 
50% { 
transform: scale3d(1.05,1.05,1.05); 
} 
to { 
transform: scale3d(1,1,1); 
} 
} 

.effect-pulse { 
animation-name: pulseAnimation; 
} 

/* Roll animation properties and values */

@keyframes rollInAnimation { 
from { 
opacity: 0; 
transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); 
} 
to { 
opacity: 1; 
transform: none; 
} 
} 

.effect-roll-in { 
animation-name: rollInAnimation; 
} 

@keyframes rollOutAnimation { 
from { 
opacity: 1; 
} 
to { 
opacity: 0; 
transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); 
} 
} 

.effect-roll-out { 
animation-name: rollOutAnimation; 
} 

/* Rotate animation properties and values */

@keyframes rotateInAnimation { 
from { 
transform-origin: center; 
transform: rotate3d(0,0,1,-200deg); 
opacity: 0; 
} 
to { 
transform-origin: center; 
transform: none; 
opacity: 1; 
} 
} 

.effect-rotate-in { 
animation-name: rotateInAnimation; 
} 

@keyframes rotateInDownLeftAnimation { 
from { 
transform-origin: left bottom; 
transform: rotate3d(0,0,1,-45deg); 
opacity: 0; 
} 
to { 
transform-origin: left bottom; 
transform: none; 
opacity: 1; 
} 
} 

.effect-rotate-in-down-left { 
animation-name: rotateInDownLeftAnimation; 
} 

@keyframes rotateInDownRightAnimation { 
from { 
transform-origin: right bottom; 
transform: rotate3d(0,0,1,45deg); 
opacity: 0; 
} 
to { 
transform-origin: right bottom; 
transform: none; 
opacity: 1; 
} 
} 

.effect-rotate-in-down-right { 
animation-name: rotateInDownRightAnimation; 
} 

@keyframes rotateInUpLeftAnimation { 
from { 
transform-origin: left bottom; 
transform: rotate3d(0,0,1,45deg); 
opacity: 0; 
} 
to { 
transform-origin: left bottom; 
transform: none; 
opacity: 1; 
} 
} 

.effect-rotate-in-up-left { 
animation-name: rotateInUpLeftAnimation; 
} 

@keyframes rotateInUpRightAnimation { 
from { 
transform-origin: right bottom; 
transform: rotate3d(0,0,1,-90deg); 
opacity: 0; 
} 
to { 
transform-origin: right bottom; 
transform: none; 
opacity: 1; 
} 
} 

.effect-rotate-in-up-right { 
animation-name: rotateInUpRightAnimation; 
} 

@keyframes rotateOutAnimation { 
from { 
transform-origin: center; 
opacity: 1; 
} 
to { 
transform-origin: center; 
transform: rotate3d(0,0,1,200deg); 
opacity: 0; 
} 
} 

.effect-rotate-out { 
animation-name: rotateOutAnimation; 
} 

@keyframes rotateOutDownLeftAnimation { 
from { 
transform-origin: left bottom; 
opacity: 1; 
} 
to { 
transform-origin: left bottom; 
transform: rotate3d(0,0,1,45deg); 
opacity: 0; 
} 
} 

.effect-rotate-out-down-left { 
animation-name: rotateOutDownLeftAnimation; 
} 

@keyframes rotateOutDownRightAnimation { 
from { 
transform-origin: right bottom; 
opacity: 1; 
} 
to { 
transform-origin: right bottom; 
transform: rotate3d(0,0,1,-45deg); 
opacity: 0; 
} 
} 

.effect-rotate-out-down-right { 
animation-name: rotateOutDownRightAnimation; 
} 

@keyframes rotateOutUpLeftAnimation { 
from { 
transform-origin: left bottom; 
opacity: 1; 
} 
to { 
transform-origin: left bottom; 
transform: rotate3d(0,0,1,-45deg); 
opacity: 0; 
} 
} 

.effect-rotate-out-up-left { 
animation-name: rotateOutUpLeftAnimation; 
} 

@keyframes rotateOutUpRightAnimation { 
from { 
transform-origin: right bottom; 
opacity: 1; 
} 
to { 
transform-origin: right bottom; 
transform: rotate3d(0,0,1,90deg); 
opacity: 0; 
} 
} 

.effect-rotate-out-up-right { 
animation-name: rotateOutUpRightAnimation; 
} 

/* Rubber Band animation properties and values */

@keyframes rubberBandAnimation { 
from { 
transform: scale3d(1,1,1); 
} 
30% { 
transform: scale3d(1.25,0.75,1); 
} 
40% { 
transform: scale3d(0.75,1.25,1); 
} 
50% { 
transform: scale3d(1.15,0.85,1); 
} 
65% { 
transform: scale3d(.95,1.05,1); 
} 
75% { 
transform: scale3d(1.05,.95,1); 
} 
to { 
transform: scale3d(1,1,1); 
} 
} 

.effect-rubber-band { 
animation-name: rubberBandAnimation; 
} 

/* Shake animation properties and values */

@keyframes shakeAnimation { 
from, to { 
transform: translate3d(0,0,0); 
} 
10%, 30%, 50%, 70%, 90% { 
transform: translate3d(-10px,0,0); 
} 
20%, 40%, 60%, 80% { 
transform: translate3d(10px,0,0); 
} 
} 

.effect-shake { 
animation-name: shakeAnimation; 
} 

@keyframes shakeShortAnimation { 
0% { 
transform: translateX(0); 
} 
6.5% { 
transform: translateX(-6px) rotateY(-9deg); 
} 
18.5% { 
transform: translateX(5px) rotateY(7deg); 
} 
31.5% { 
transform: translateX(-3px) rotateY(-5deg); 
} 
43.5% { 
transform: translateX(2px) rotateY(3deg); 
} 
50% { 
transform: translateX(0); 
} 
} 

.effect-shake-short { 
animation-timing-function: ease-in-out; 
animation-name: shakeShortAnimation; 
} 

/* Slide animation properties and values */

@keyframes slideInDownAnimation { 
from { 
transform: translate3d(0,-100%,0); 
visibility: visible; 
} 
to { 
transform: translate3d(0,0,0); 
} 
} 

.effect-slide-in-down { 
animation-name: slideInDownAnimation; 
} 

@keyframes slideInLeftAnimation { 
from { 
transform: translate3d(-100%,0,0); 
visibility: visible; 
} 
to { 
transform: translate3d(0,0,0); 
} 
} 

.effect-slide-in-left { 
animation-name: slideInLeftAnimation; 
} 

@keyframes slideInRightAnimation { 
from { 
transform: translate3d(100%,0,0); 
visibility: visible; 
} 
to { 
transform: translate3d(0,0,0); 
} 
} 

.effect-slide-in-right { 
animation-name: slideInRightAnimation; 
} 

@keyframes slideInUpAnimation { 
from { 
transform: translate3d(0,100%,0); 
visibility: visible; 
} 
to { 
transform: translate3d(0,0,0); 
} 
} 

.effect-slide-in-up { 
animation-name: slideInUpAnimation; 
} 

@keyframes slideOutDownAnimation { 
from { 
transform: translate3d(0,0,0); 
} 
to { 
visibility: hidden; 
transform: translate3d(0,100%,0); 
} 
} 

.effect-slide-out-down { 
animation-name: slideOutDownAnimation; 
} 

@keyframes slideOutLeftAnimation { 
from { 
transform: translate3d(0,0,0); 
} 
to { 
visibility: hidden; 
transform: translate3d(-100%,0,0); 
} 
} 

.effect-slide-out-left { 
animation-name: slideOutLeftAnimation; 
} 

@keyframes slideOutRightAnimation { 
from { 
transform: translate3d(0,0,0); 
} 
to { 
visibility: hidden; 
transform: translate3d(100%,0,0); 
} 
} 

.effect-slide-out-right { 
animation-name: slideOutRightAnimation; 
} 

@keyframes slideOutUpAnimation { 
from { 
transform: translate3d(0,0,0); 
} 
to { 
visibility: hidden; 
transform: translate3d(0,-100%,0); 
} 
} 

.effect-slide-out-up { 
animation-name: slideOutUpAnimation; 
} 

/* Swing animation properties and values */

@keyframes swingAnimation { 
20% { 
transform: rotate3d(0,0,1,15deg); 
} 
40% { 
transform: rotate3d(0,0,1,-10deg); 
} 
60% { 
transform: rotate3d(0,0,1,5deg); 
} 
80% { 
transform: rotate3d(0,0,1,-5deg); 
} 
to { 
transform: rotate3d(0,0,1,0deg); 
} 
} 

.effect-swing { 
transform-origin: top center; 
animation-name: swingAnimation; 
} 

/* Tada animation properties and values */

@keyframes tadaAnimation { 
from { 
transform: scale3d(1,1,1); 
} 
10%, 20% { 
transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); 
} 
30%, 50%, 70%, 90% { 
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); 
} 
40%, 60%, 80% { 
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); 
} 
to { 
transform: scale3d(1,1,1); 
} 
} 

.effect-tada { 
animation-name: tadaAnimation; 
} 

/* Wobble animation properties and values */

@keyframes wobbleAnimation { 
from { 
transform: none; 
} 
15% { 
transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); 
} 
30% { 
transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); 
} 
45% { 
transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); 
} 
60% { 
transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); 
} 
75% { 
transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); 
} 
to { 
transform: none; 
} 
} 

.effect-wobble { 
animation-name: wobbleAnimation; 
} 

/* Zoom animation properties and values */

@keyframes zoomInAnimation { 
from { 
opacity: 0; 
transform: scale3d(.3,.3,.3); 
} 
50% { 
opacity: 1; 
} 
} 

.effect-zoom-in { 
animation-name: zoomInAnimation; 
} 

@keyframes zoomInDownAnimation { 
from { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
60% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(0,60px,0); 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-in-down { 
animation-name: zoomInDownAnimation; 
} 

@keyframes zoomInLeftAnimation { 
from { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
60% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(10px,0,0); 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-in-left { 
animation-name: zoomInLeftAnimation; 
} 

@keyframes zoomInRightAnimation { 
from { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
60% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-in-right { 
animation-name: zoomInRightAnimation; 
} 

@keyframes zoomInUpAnimation { 
from { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
60% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-in-up { 
animation-name: zoomInUpAnimation; 
} 

@keyframes zoomOutAnimation { 
from { 
opacity: 1; 
} 
50% { 
opacity: 0; 
transform: scale3d(.3,.3,.3); 
} 
to { 
opacity: 0; 
} 
} 

.effect-zoom-out { 
animation-name: zoomOutAnimation; 
} 

@keyframes zoomOutDownAnimation { 
40% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
to { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); 
transform-origin: center bottom; 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-out-down { 
animation-name: zoomOutDownAnimation; 
} 

@keyframes zoomOutLeftAnimation { 
40% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(42px,0,0); 
} 
to { 
opacity: 0; 
transform: scale(.1) translate3d(-2000px,0,0); 
transform-origin: left center; 
} 
} 

.effect-zoom-out-left { 
animation-name: zoomOutLeftAnimation; 
} 

@keyframes zoomOutRightAnimation { 
40% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); 
} 
to { 
opacity: 0; 
transform: scale(.1) translate3d(2000px,0,0); 
transform-origin: right center; 
} 
} 

.effect-zoom-out-right { 
animation-name: zoomOutRightAnimation; 
} 

@keyframes zoomOutUpAnimation { 
40% { 
opacity: 1; 
transform: scale3d(.475,.475,.475) translate3d(0,60px,0); 
animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); 
} 
to { 
opacity: 0; 
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); 
transform-origin: center bottom; 
animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); 
} 
} 

.effect-zoom-out-up { 
animation-name: zoomOutUpAnimation; 
} 

/**//* FontAwesome text icons */

@font-face { 
font-family: 'FontAwesome'; 
src: url('../../public/css/fonts/fontawesome-webfont.eot'); 
src: url('../../public/css/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../../public/css/fonts/fontawesome-webfont.woff') format('woff'), url('../../public/css/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../public/css/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); 
font-display: swap; 
} 

.picto-icon { 
display: inline-block; 
font: normal normal normal 14px/1em 'FontAwesome'; 
font-size: inherit; 
} 

/* Make the font 33% larger relative to the icon container */

.picto-icon-lg { 
vertical-align: -15%; 
font-size: 1.33333333em; 
line-height: 0.75em; 
} 

.picto-icon-2x { 
font-size: 2em; 
} 

.picto-icon-3x { 
font-size: 3em; 
} 

.picto-icon-4x { 
font-size: 4em; 
} 

.picto-icon-5x { 
font-size: 5em; 
} 

.picto-icon-fw { 
width: 1.28571429em; 
text-align: center; 
} 

.picto-icon-ul { 
list-style-type: none; 
margin-left: 2.14285714em; 
padding-left: 0; 
} 

.picto-icon-ul > li { 
position: relative; 
} 

.picto-icon-li { 
position: absolute; 
left: -2.14285714em; 
top: 0.14285714em; 
width: 2.14285714em; 
text-align: center; 
} 

.picto-icon-li .picto-icon-lg { 
left: -1.85714286em; 
} 

.picto-icon-border { 
padding: .2em .25em .15em; 
border: solid 0.08em #eeeeee; 
border-radius: .1em; 
} 

.pull-right { 
float: right; 
} 

.pull-left { 
float: left; 
} 

.picto-icon .pull-left { 
margin-right: .3em; 
} 

.picto-icon .pull-right { 
margin-left: .3em; 
} 

.picto-icon-rotate-90 { 
transform: rotate(90deg); 
} 

.picto-icon-rotate-180 { 
transform: rotate(180deg); 
} 

.picto-icon-rotate-270 { 
transform: rotate(270deg); 
} 

.picto-icon-flip-horizontal { 
transform: scale(-1, 1); 
} 

.picto-icon-flip-vertical { 
transform: scale(1, -1); 
} 

:root .picto-icon-rotate-90, :root .picto-icon-rotate-180, :root .picto-icon-rotate-270, :root .picto-icon-flip-horizontal, :root .picto-icon-flip-vertical { 
/* filter: none; */
opacity: 1.0; 
} 

.picto-icon-stack { 
position: relative; 
display: inline-block; 
width: 2em; 
height: 2em; 
vertical-align: middle; 
line-height: 2em; 
} 

.picto-icon-stack-1x, .picto-icon-stack-2x { 
position: absolute; 
left: 0; 
width: 100%; 
text-align: center; 
} 

.picto-icon-stack-1x { 
line-height: inherit; 
} 

.picto-icon-stack-2x { 
font-size: 2em; 
} 

.picto-icon-inverse { 
color: rgb(255,255,255); 
} 

.picto-icon-glass:before { 
content: '\F000'; 
} 

.picto-icon-music:before { 
content: '\F001'; 
} 

.picto-icon-search:before { 
content: '\F002'; 
} 

.picto-icon-envelope-o:before { 
content: '\F003'; 
} 

.picto-icon-heart:before { 
content: '\F004'; 
} 

.picto-icon-star:before { 
content: '\F005'; 
} 

.picto-icon-star-o:before { 
content: '\F006'; 
} 

.picto-icon-user:before { 
content: '\F007'; 
} 

.picto-icon-film:before { 
content: '\F008'; 
} 

.picto-icon-th-large:before { 
content: '\F009'; 
} 

.picto-icon-th:before { 
content: '\F00A'; 
} 

.picto-icon-th-list:before { 
content: '\F00B'; 
} 

.picto-icon-check:before { 
content: '\F00C'; 
} 

.picto-icon-remove:before, .picto-icon-close:before, .picto-icon-times:before { 
content: '\F00D'; 
} 

.picto-icon-search-plus:before { 
content: '\F00E'; 
} 

.picto-icon-search-minus:before { 
content: '\F010'; 
} 

.picto-icon-power-off:before { 
content: '\F011'; 
} 

.picto-icon-signal:before { 
content: '\F012'; 
} 

.picto-icon-gear:before, .picto-icon-cog:before { 
content: '\F013'; 
} 

.picto-icon-trash-o:before { 
content: '\F014'; 
} 

.picto-icon-home:before { 
content: '\F015'; 
} 

.picto-icon-file-o:before { 
content: '\F016'; 
} 

.picto-icon-clock-o:before { 
content: '\F017'; 
} 

.picto-icon-road:before { 
content: '\F018'; 
} 

.picto-icon-download:before { 
content: '\F019'; 
} 

.picto-icon-arrow-circle-o-down:before { 
content: '\F01A'; 
} 

.picto-icon-arrow-circle-o-up:before { 
content: '\F01B'; 
} 

.picto-icon-inbox:before { 
content: '\F01C'; 
} 

.picto-icon-play-circle-o:before { 
content: '\F01D'; 
} 

.picto-icon-rotate-right:before, .picto-icon-repeat:before { 
content: '\F01E'; 
} 

.picto-icon-refresh:before { 
content: '\F021'; 
} 

.picto-icon-list-alt:before { 
content: '\F022'; 
} 

.picto-icon-lock:before { 
content: '\F023'; 
} 

.picto-icon-flag:before { 
content: '\F024'; 
} 

.picto-icon-headphones:before { 
content: '\F025'; 
} 

.picto-icon-volume-off:before { 
content: '\F026'; 
} 

.picto-icon-volume-down:before { 
content: '\F027'; 
} 

.picto-icon-volume-up:before { 
content: '\F028'; 
} 

.picto-icon-qrcode:before { 
content: '\F029'; 
} 

.picto-icon-barcode:before { 
content: '\F02A'; 
} 

.picto-icon-tag:before { 
content: '\F02B'; 
} 

.picto-icon-tags:before { 
content: '\F02C'; 
} 

.picto-icon-book:before { 
content: '\F02D'; 
} 

.picto-icon-bookmark:before { 
content: '\F02E'; 
} 

.picto-icon-print:before { 
content: '\F02F'; 
} 

.picto-icon-camera:before { 
content: '\F030'; 
} 

.picto-icon-font:before { 
content: '\F031'; 
} 

.picto-icon-bold:before { 
content: '\F032'; 
} 

.picto-icon-italic:before { 
content: '\F033'; 
} 

.picto-icon-text-height:before { 
content: '\F034'; 
} 

.picto-icon-text-width:before { 
content: '\F035'; 
} 

.picto-icon-align-left:before { 
content: '\F036'; 
} 

.picto-icon-align-center:before { 
content: '\F037'; 
} 

.picto-icon-align-right:before { 
content: '\F038'; 
} 

.picto-icon-align-justify:before { 
content: '\F039'; 
} 

.picto-icon-list:before { 
content: '\F03A'; 
} 

.picto-icon-dedent:before, .picto-icon-outdent:before { 
content: '\F03B'; 
} 

.picto-icon-indent:before { 
content: '\F03C'; 
} 

.picto-icon-video-camera:before { 
content: '\F03D'; 
} 

.picto-icon-photo:before, .picto-icon-image:before, .picto-icon-picture-o:before { 
content: '\F03E'; 
} 

.picto-icon-pencil:before { 
content: '\F040'; 
} 

.picto-icon-map-marker:before { 
content: '\F041'; 
} 

.picto-icon-adjust:before { 
content: '\F042'; 
} 

.picto-icon-tint:before { 
content: '\F043'; 
} 

.picto-icon-edit:before, .picto-icon-pencil-square-o:before { 
content: '\F044'; 
} 

.picto-icon-share-square-o:before { 
content: '\F045'; 
} 

.picto-icon-check-square-o:before { 
content: '\F046'; 
} 

.picto-icon-arrows:before { 
content: '\F047'; 
} 

.picto-icon-step-backward:before { 
content: '\F048'; 
} 

.picto-icon-fast-backward:before { 
content: '\F049'; 
} 

.picto-icon-backward:before { 
content: '\F04A'; 
} 

.picto-icon-play:before { 
content: '\F04B'; 
} 

.picto-icon-pause:before { 
content: '\F04C'; 
} 

.picto-icon-stop:before { 
content: '\F04D'; 
} 

.picto-icon-forward:before { 
content: '\F04E'; 
} 

.picto-icon-fast-forward:before { 
content: '\F050'; 
} 

.picto-icon-step-forward:before { 
content: '\F051'; 
} 

.picto-icon-eject:before { 
content: '\F052'; 
} 

.picto-icon-chevron-left:before { 
content: '\F053'; 
} 

.picto-icon-chevron-right:before { 
content: '\F054'; 
} 

.picto-icon-plus-circle:before { 
content: '\F055'; 
} 

.picto-icon-minus-circle:before { 
content: '\F056'; 
} 

.picto-icon-times-circle:before { 
content: '\F057'; 
} 

.picto-icon-check-circle:before { 
content: '\F058'; 
} 

.picto-icon-question-circle:before { 
content: '\F059'; 
} 

.picto-icon-info-circle:before { 
content: '\F05A'; 
} 

.picto-icon-crosshairs:before { 
content: '\F05B'; 
} 

.picto-icon-times-circle-o:before { 
content: '\F05C'; 
} 

.picto-icon-check-circle-o:before { 
content: '\F05D'; 
} 

.picto-icon-ban:before { 
content: '\F05E'; 
} 

.picto-icon-arrow-left:before { 
content: '\F060'; 
} 

.picto-icon-arrow-right:before { 
content: '\F061'; 
} 

.picto-icon-arrow-up:before { 
content: '\F062'; 
} 

.picto-icon-arrow-down:before { 
content: '\F063'; 
} 

.picto-icon-mail-forward:before, .picto-icon-share:before { 
content: '\F064'; 
} 

.picto-icon-expand:before { 
content: '\F065'; 
} 

.picto-icon-compress:before { 
content: '\F066'; 
} 

.picto-icon-plus:before { 
content: '\F067'; 
} 

.picto-icon-minus:before { 
content: '\F068'; 
} 

.picto-icon-asterisk:before { 
content: '\F069'; 
} 

.picto-icon-exclamation-circle:before { 
content: '\F06A'; 
} 

.picto-icon-gift:before { 
content: '\F06B'; 
} 

.picto-icon-leaf:before { 
content: '\F06C'; 
} 

.picto-icon-fire:before { 
content: '\F06D'; 
} 

.picto-icon-eye:before { 
content: '\F06E'; 
} 

.picto-icon-eye-slash:before { 
content: '\F070'; 
} 

.picto-icon-warning:before, .picto-icon-exclamation-triangle:before { 
content: '\F071'; 
} 

.picto-icon-plane:before { 
content: '\F072'; 
} 

.picto-icon-calendar:before { 
content: '\F073'; 
} 

.picto-icon-random:before { 
content: '\F074'; 
} 

.picto-icon-comment:before { 
content: '\F075'; 
} 

.picto-icon-magnet:before { 
content: '\F076'; 
} 

.picto-icon-chevron-up:before { 
content: '\F077'; 
} 

.picto-icon-chevron-down:before { 
content: '\F078'; 
} 

.picto-icon-retweet:before { 
content: '\F079'; 
} 

.picto-icon-shopping-cart:before { 
content: '\F07A'; 
} 

.picto-icon-folder:before { 
content: '\F07B'; 
} 

.picto-icon-folder-open:before { 
content: '\F07C'; 
} 

.picto-icon-arrows-v:before { 
content: '\F07D'; 
} 

.picto-icon-arrows-h:before { 
content: '\F07E'; 
} 

.picto-icon-bar-chart-o:before, .picto-icon-bar-chart:before { 
content: '\F080'; 
} 

.picto-icon-twitter-square:before { 
content: '\F081'; 
} 

.picto-icon-facebook-square:before { 
content: '\F082'; 
} 

.picto-icon-camera-retro:before { 
content: '\F083'; 
} 

.picto-icon-key:before { 
content: '\F084'; 
} 

.picto-icon-gears:before, .picto-icon-cogs:before { 
content: '\F085'; 
} 

.picto-icon-comments:before { 
content: '\F086'; 
} 

.picto-icon-thumbs-o-up:before { 
content: '\F087'; 
} 

.picto-icon-thumbs-o-down:before { 
content: '\F088'; 
} 

.picto-icon-star-half:before { 
content: '\F089'; 
} 

.picto-icon-heart-o:before { 
content: '\F08A'; 
} 

.picto-icon-sign-out:before { 
content: '\F08B'; 
} 

.picto-icon-linkedin-square:before { 
content: '\F08C'; 
} 

.picto-icon-thumb-tack:before { 
content: '\F08D'; 
} 

.picto-icon-external-link:before { 
content: '\F08E'; 
} 

.picto-icon-sign-in:before { 
content: '\F090'; 
} 

.picto-icon-trophy:before { 
content: '\F091'; 
} 

.picto-icon-github-square:before { 
content: '\F092'; 
} 

.picto-icon-upload:before { 
content: '\F093'; 
} 

.picto-icon-lemon-o:before { 
content: '\F094'; 
} 

.picto-icon-phone:before { 
content: '\F095'; 
} 

.picto-icon-square-o:before { 
content: '\F096'; 
} 

.picto-icon-bookmark-o:before { 
content: '\F097'; 
} 

.picto-icon-phone-square:before { 
content: '\F098'; 
} 

.picto-icon-twitter:before { 
content: '\F099'; 
} 

.picto-icon-facebook:before { 
content: '\F09A'; 
} 

.picto-icon-github:before { 
content: '\F09B'; 
} 

.picto-icon-unlock:before { 
content: '\F09C'; 
} 

.picto-icon-credit-card:before { 
content: '\F09D'; 
} 

.picto-icon-rss:before { 
content: '\F09E'; 
} 

.picto-icon-hdd-o:before { 
content: '\F0A0'; 
} 

.picto-icon-bullhorn:before { 
content: '\F0A1'; 
} 

.picto-icon-bell:before { 
content: '\F0F3'; 
} 

.picto-icon-certificate:before { 
content: '\F0A3'; 
} 

.picto-icon-hand-o-right:before { 
content: '\F0A4'; 
} 

.picto-icon-hand-o-left:before { 
content: '\F0A5'; 
} 

.picto-icon-hand-o-up:before { 
content: '\F0A6'; 
} 

.picto-icon-hand-o-down:before { 
content: '\F0A7'; 
} 

.picto-icon-arrow-circle-left:before { 
content: '\F0A8'; 
} 

.picto-icon-arrow-circle-right:before { 
content: '\F0A9'; 
} 

.picto-icon-arrow-circle-up:before { 
content: '\F0AA'; 
} 

.picto-icon-arrow-circle-down:before { 
content: '\F0AB'; 
} 

.picto-icon-globe:before { 
content: '\F0AC'; 
} 

.picto-icon-wrench:before { 
content: '\F0AD'; 
} 

.picto-icon-tasks:before { 
content: '\F0AE'; 
} 

.picto-icon-filter:before { 
content: '\F0B0'; 
} 

.picto-icon-briefcase:before { 
content: '\F0B1'; 
} 

.picto-icon-arrows-alt:before { 
content: '\F0B2'; 
} 

.picto-icon-group:before, .picto-icon-users:before { 
content: '\F0C0'; 
} 

.picto-icon-chain:before, .picto-icon-link:before { 
content: '\F0C1'; 
} 

.picto-icon-cloud:before { 
content: '\F0C2'; 
} 

.picto-icon-flask:before { 
content: '\F0C3'; 
} 

.picto-icon-cut:before, .picto-icon-scissors:before { 
content: '\F0C4'; 
} 

.picto-icon-copy:before, .picto-icon-files-o:before { 
content: '\F0C5'; 
} 

.picto-icon-paperclip:before { 
content: '\F0C6'; 
} 

.picto-icon-save:before, .picto-icon-floppy-o:before { 
content: '\F0C7'; 
} 

.picto-icon-square:before { 
content: '\F0C8'; 
} 

.picto-icon-navpicto-icon:before, .picto-icon-reorder:before, .picto-icon-bars:before { 
content: '\F0C9'; 
} 

.picto-icon-list-ul:before { 
content: '\F0CA'; 
} 

.picto-icon-list-ol:before { 
content: '\F0CB'; 
} 

.picto-icon-strikethrough:before { 
content: '\F0CC'; 
} 

.picto-icon-underline:before { 
content: '\F0CD'; 
} 

.picto-icon-table:before { 
content: '\F0CE'; 
} 

.picto-icon-magic:before { 
content: '\F0D0'; 
} 

.picto-icon-truck:before { 
content: '\F0D1'; 
} 

.picto-icon-pinterest:before { 
content: '\F0D2'; 
} 

.picto-icon-pinterest-square:before { 
content: '\F0D3'; 
} 

.picto-icon-google-plus-square:before { 
content: '\F0D4'; 
} 

.picto-icon-google-plus:before { 
content: '\F0D5'; 
} 

.picto-icon-money:before { 
content: '\F0D6'; 
} 

.picto-icon-caret-down:before { 
content: '\F0D7'; 
} 

.picto-icon-caret-up:before { 
content: '\F0D8'; 
} 

.picto-icon-caret-left:before { 
content: '\F0D9'; 
} 

.picto-icon-caret-right:before { 
content: '\F0DA'; 
} 

.picto-icon-columns:before { 
content: '\F0DB'; 
} 

.picto-icon-unsorted:before, .picto-icon-sort:before { 
content: '\F0DC'; 
} 

.picto-icon-sort-down:before, .picto-icon-sort-desc:before { 
content: '\F0DD'; 
} 

.picto-icon-sort-up:before, .picto-icon-sort-asc:before { 
content: '\F0DE'; 
} 

.picto-icon-envelope:before { 
content: '\F0E0'; 
} 

.picto-icon-linkedin:before { 
content: '\F0E1'; 
} 

.picto-icon-rotate-left:before, .picto-icon-undo:before { 
content: '\F0E2'; 
} 

.picto-icon-legal:before, .picto-icon-gavel:before { 
content: '\F0E3'; 
} 

.picto-icon-dashboard:before, .picto-icon-tachometer:before { 
content: '\F0E4'; 
} 

.picto-icon-comment-o:before { 
content: '\F0E5'; 
} 

.picto-icon-comments-o:before { 
content: '\F0E6'; 
} 

.picto-icon-flash:before, .picto-icon-bolt:before { 
content: '\F0E7'; 
} 

.picto-icon-sitemap:before { 
content: '\F0E8'; 
} 

.picto-icon-umbrella:before { 
content: '\F0E9'; 
} 

.picto-icon-paste:before, .picto-icon-clipboard:before { 
content: '\F0EA'; 
} 

.picto-icon-lightbulb-o:before { 
content: '\F0EB'; 
} 

.picto-icon-exchange:before { 
content: '\F0EC'; 
} 

.picto-icon-cloud-download:before { 
content: '\F0ED'; 
} 

.picto-icon-cloud-upload:before { 
content: '\F0EE'; 
} 

.picto-icon-user-md:before { 
content: '\F0F0'; 
} 

.picto-icon-stethoscope:before { 
content: '\F0F1'; 
} 

.picto-icon-suitcase:before { 
content: '\F0F2'; 
} 

.picto-icon-bell-o:before { 
content: '\F0A2'; 
} 

.picto-icon-coffee:before { 
content: '\F0F4'; 
} 

.picto-icon-cutlery:before { 
content: '\F0F5'; 
} 

.picto-icon-file-text-o:before { 
content: '\F0F6'; 
} 

.picto-icon-building-o:before { 
content: '\F0F7'; 
} 

.picto-icon-hospital-o:before { 
content: '\F0F8'; 
} 

.picto-icon-ambulance:before { 
content: '\F0F9'; 
} 

.picto-icon-medkit:before { 
content: '\F0FA'; 
} 

.picto-icon-fighter-jet:before { 
content: '\F0FB'; 
} 

.picto-icon-beer:before { 
content: '\F0FC'; 
} 

.picto-icon-h-square:before { 
content: '\F0FD'; 
} 

.picto-icon-plus-square:before { 
content: '\F0FE'; 
} 

.picto-icon-angle-double-left:before { 
content: '\F100'; 
} 

.picto-icon-angle-double-right:before { 
content: '\F101'; 
} 

.picto-icon-angle-double-up:before { 
content: '\F102'; 
} 

.picto-icon-angle-double-down:before { 
content: '\F103'; 
} 

.picto-icon-angle-left:before { 
content: '\F104'; 
} 

.picto-icon-angle-right:before { 
content: '\F105'; 
} 

.picto-icon-angle-up:before { 
content: '\F106'; 
} 

.picto-icon-angle-down:before { 
content: '\F107'; 
} 

.picto-icon-desktop:before { 
content: '\F108'; 
} 

.picto-icon-laptop:before { 
content: '\F109'; 
} 

.picto-icon-tablet:before { 
content: '\F10A'; 
} 

.picto-icon-mobile-phone:before, .picto-icon-mobile:before { 
content: '\F10B'; 
} 

.picto-icon-circle-o:before { 
content: '\F10C'; 
} 

.picto-icon-quote-left:before { 
content: '\F10D'; 
} 

.picto-icon-quote-right:before { 
content: '\F10E'; 
} 

.picto-icon-spinner:before { 
content: '\F110'; 
} 

.picto-icon-circle:before { 
content: '\F111'; 
} 

.picto-icon-mail-reply:before, .picto-icon-reply:before { 
content: '\F112'; 
} 

.picto-icon-github-alt:before { 
content: '\F113'; 
} 

.picto-icon-folder-o:before { 
content: '\F114'; 
} 

.picto-icon-folder-open-o:before { 
content: '\F115'; 
} 

.picto-icon-smile-o:before { 
content: '\F118'; 
} 

.picto-icon-frown-o:before { 
content: '\F119'; 
} 

.picto-icon-meh-o:before { 
content: '\F11A'; 
} 

.picto-icon-gamepad:before { 
content: '\F11B'; 
} 

.picto-icon-keyboard-o:before { 
content: '\F11C'; 
} 

.picto-icon-flag-o:before { 
content: '\F11D'; 
} 

.picto-icon-flag-checkered:before { 
content: '\F11E'; 
} 

.picto-icon-terminal:before { 
content: '\F120'; 
} 

.picto-icon-code:before { 
content: '\F121'; 
} 

.picto-icon-mail-reply-all:before, .picto-icon-reply-all:before { 
content: '\F122'; 
} 

.picto-icon-star-half-empty:before, .picto-icon-star-half-full:before, .picto-icon-star-half-o:before { 
content: '\F123'; 
} 

.picto-icon-location-arrow:before { 
content: '\F124'; 
} 

.picto-icon-crop:before { 
content: '\F125'; 
} 

.picto-icon-code-fork:before { 
content: '\F126'; 
} 

.picto-icon-unlink:before, .picto-icon-chain-broken:before { 
content: '\F127'; 
} 

.picto-icon-question:before { 
content: '\F128'; 
} 

.picto-icon-info:before { 
content: '\F129'; 
} 

.picto-icon-exclamation:before { 
content: '\F12A'; 
} 

.picto-icon-superscript:before { 
content: '\F12B'; 
} 

.picto-icon-subscript:before { 
content: '\F12C'; 
} 

.picto-icon-eraser:before { 
content: '\F12D'; 
} 

.picto-icon-puzzle-piece:before { 
content: '\F12E'; 
} 

.picto-icon-microphone:before { 
content: '\F130'; 
} 

.picto-icon-microphone-slash:before { 
content: '\F131'; 
} 

.picto-icon-shield:before { 
content: '\F132'; 
} 

.picto-icon-calendar-o:before { 
content: '\F133'; 
} 

.picto-icon-fire-extinguisher:before { 
content: '\F134'; 
} 

.picto-icon-rocket:before { 
content: '\F135'; 
} 

.picto-icon-maxcdn:before { 
content: '\F136'; 
} 

.picto-icon-chevron-circle-left:before { 
content: '\F137'; 
} 

.picto-icon-chevron-circle-right:before { 
content: '\F138'; 
} 

.picto-icon-chevron-circle-up:before { 
content: '\F139'; 
} 

.picto-icon-chevron-circle-down:before { 
content: '\F13A'; 
} 

.picto-icon-html5:before { 
content: '\F13B'; 
} 

.picto-icon-css3:before { 
content: '\F13C'; 
} 

.picto-icon-anchor:before { 
content: '\F13D'; 
} 

.picto-icon-unlock-alt:before { 
content: '\F13E'; 
} 

.picto-icon-bullseye:before { 
content: '\F140'; 
} 

.picto-icon-ellipsis-h:before { 
content: '\F141'; 
} 

.picto-icon-ellipsis-v:before { 
content: '\F142'; 
} 

.picto-icon-rss-square:before { 
content: '\F143'; 
} 

.picto-icon-play-circle:before { 
content: '\F144'; 
} 

.picto-icon-ticket:before { 
content: '\F145'; 
} 

.picto-icon-minus-square:before { 
content: '\F146'; 
} 

.picto-icon-minus-square-o:before { 
content: '\F147'; 
} 

.picto-icon-level-up:before { 
content: '\F148'; 
} 

.picto-icon-level-down:before { 
content: '\F149'; 
} 

.picto-icon-check-square:before { 
content: '\F14A'; 
} 

.picto-icon-pencil-square:before { 
content: '\F14B'; 
} 

.picto-icon-external-link-square:before { 
content: '\F14C'; 
} 

.picto-icon-share-square:before { 
content: '\F14D'; 
} 

.picto-icon-compass:before { 
content: '\F14E'; 
} 

.picto-icon-toggle-down:before, .picto-icon-caret-square-o-down:before { 
content: '\F150'; 
} 

.picto-icon-toggle-up:before, .picto-icon-caret-square-o-up:before { 
content: '\F151'; 
} 

.picto-icon-toggle-right:before, .picto-icon-caret-square-o-right:before { 
content: '\F152'; 
} 

.picto-icon-euro:before, .picto-icon-eur:before { 
content: '\F153'; 
} 

.picto-icon-gbp:before { 
content: '\F154'; 
} 

.picto-icon-dollar:before, .picto-icon-usd:before { 
content: '\F155'; 
} 

.picto-icon-rupee:before, .picto-icon-inr:before { 
content: '\F156'; 
} 

.picto-icon-cny:before, .picto-icon-rmb:before, .picto-icon-yen:before, .picto-icon-jpy:before { 
content: '\F157'; 
} 

.picto-icon-ruble:before, .picto-icon-rouble:before, .picto-icon-rub:before { 
content: '\F158'; 
} 

.picto-icon-won:before, .picto-icon-krw:before { 
content: '\F159'; 
} 

.picto-icon-bitcoin:before, .picto-icon-btc:before { 
content: '\F15A'; 
} 

.picto-icon-file:before { 
content: '\F15B'; 
} 

.picto-icon-file-text:before { 
content: '\F15C'; 
} 

.picto-icon-sort-alpha-asc:before { 
content: '\F15D'; 
} 

.picto-icon-sort-alpha-desc:before { 
content: '\F15E'; 
} 

.picto-icon-sort-amount-asc:before { 
content: '\F160'; 
} 

.picto-icon-sort-amount-desc:before { 
content: '\F161'; 
} 

.picto-icon-sort-numeric-asc:before { 
content: '\F162'; 
} 

.picto-icon-sort-numeric-desc:before { 
content: '\F163'; 
} 

.picto-icon-thumbs-up:before { 
content: '\F164'; 
} 

.picto-icon-thumbs-down:before { 
content: '\F165'; 
} 

.picto-icon-youtube-square:before { 
content: '\F166'; 
} 

.picto-icon-youtube:before { 
content: '\F167'; 
} 

.picto-icon-xing:before { 
content: '\F168'; 
} 

.picto-icon-xing-square:before { 
content: '\F169'; 
} 

.picto-icon-youtube-play:before { 
content: '\F16A'; 
} 

.picto-icon-dropbox:before { 
content: '\F16B'; 
} 

.picto-icon-stack-overflow:before { 
content: '\F16C'; 
} 

.picto-icon-instagram:before { 
content: '\F16D'; 
} 

.picto-icon-flickr:before { 
content: '\F16E'; 
} 

.picto-icon-adn:before { 
content: '\F170'; 
} 

.picto-icon-bitbucket:before { 
content: '\F171'; 
} 

.picto-icon-bitbucket-square:before { 
content: '\F172'; 
} 

.picto-icon-tumblr:before { 
content: '\F173'; 
} 

.picto-icon-tumblr-square:before { 
content: '\F174'; 
} 

.picto-icon-long-arrow-down:before { 
content: '\F175'; 
} 

.picto-icon-long-arrow-up:before { 
content: '\F176'; 
} 

.picto-icon-long-arrow-left:before { 
content: '\F177'; 
} 

.picto-icon-long-arrow-right:before { 
content: '\F178'; 
} 

.picto-icon-apple:before { 
content: '\F179'; 
} 

.picto-icon-windows:before { 
content: '\F17A'; 
} 

.picto-icon-android:before { 
content: '\F17B'; 
} 

.picto-icon-linux:before { 
content: '\F17C'; 
} 

.picto-icon-dribbble:before { 
content: '\F17D'; 
} 

.picto-icon-skype:before { 
content: '\F17E'; 
} 

.picto-icon-foursquare:before { 
content: '\F180'; 
} 

.picto-icon-trello:before { 
content: '\F181'; 
} 

.picto-icon-female:before { 
content: '\F182'; 
} 

.picto-icon-male:before { 
content: '\F183'; 
} 

.picto-icon-gittip:before { 
content: '\F184'; 
} 

.picto-icon-sun-o:before { 
content: '\F185'; 
} 

.picto-icon-moon-o:before { 
content: '\F186'; 
} 

.picto-icon-archive:before { 
content: '\F187'; 
} 

.picto-icon-bug:before { 
content: '\F188'; 
} 

.picto-icon-vk:before { 
content: '\F189'; 
} 

.picto-icon-weibo:before { 
content: '\F18A'; 
} 

.picto-icon-renren:before { 
content: '\F18B'; 
} 

.picto-icon-pagelines:before { 
content: '\F18C'; 
} 

.picto-icon-stack-exchange:before { 
content: '\F18D'; 
} 

.picto-icon-arrow-circle-o-right:before { 
content: '\F18E'; 
} 

.picto-icon-arrow-circle-o-left:before { 
content: '\F190'; 
} 

.picto-icon-toggle-left:before, .picto-icon-caret-square-o-left:before { 
content: '\F191'; 
} 

.picto-icon-dot-circle-o:before { 
content: '\F192'; 
} 

.picto-icon-wheelchair:before { 
content: '\F193'; 
} 

.picto-icon-vimeo-square:before { 
content: '\F194'; 
} 

.picto-icon-turkish-lira:before, .picto-icon-try:before { 
content: '\F195'; 
} 

.picto-icon-plus-square-o:before { 
content: '\F196'; 
} 

.picto-icon-space-shuttle:before { 
content: '\F197'; 
} 

.picto-icon-slack:before { 
content: '\F198'; 
} 

.picto-icon-envelope-square:before { 
content: '\F199'; 
} 

.picto-icon-wordpress:before { 
content: '\F19A'; 
} 

.picto-icon-openid:before { 
content: '\F19B'; 
} 

.picto-icon-institution:before, .picto-icon-bank:before, .picto-icon-university:before { 
content: '\F19C'; 
} 

.picto-icon-mortar-board:before, .picto-icon-graduation-cap:before { 
content: '\F19D'; 
} 

.picto-icon-yahoo:before { 
content: '\F19E'; 
} 

.picto-icon-google:before { 
content: '\F1A0'; 
} 

.picto-icon-reddit:before { 
content: '\F1A1'; 
} 

.picto-icon-reddit-square:before { 
content: '\F1A2'; 
} 

.picto-icon-stumbleupon-circle:before { 
content: '\F1A3'; 
} 

.picto-icon-stumbleupon:before { 
content: '\F1A4'; 
} 

.picto-icon-delicious:before { 
content: '\F1A5'; 
} 

.picto-icon-digg:before { 
content: '\F1A6'; 
} 

.picto-icon-pied-piper:before { 
content: '\F1A7'; 
} 

.picto-icon-pied-piper-alt:before { 
content: '\F1A8'; 
} 

.picto-icon-drupal:before { 
content: '\F1A9'; 
} 

.picto-icon-joomla:before { 
content: '\F1AA'; 
} 

.picto-icon-language:before { 
content: '\F1AB'; 
} 

.picto-icon-fax:before { 
content: '\F1AC'; 
} 

.picto-icon-building:before { 
content: '\F1AD'; 
} 

.picto-icon-child:before { 
content: '\F1AE'; 
} 

.picto-icon-paw:before { 
content: '\F1B0'; 
} 

.picto-icon-spoon:before { 
content: '\F1B1'; 
} 

.picto-icon-cube:before { 
content: '\F1B2'; 
} 

.picto-icon-cubes:before { 
content: '\F1B3'; 
} 

.picto-icon-behance:before { 
content: '\F1B4'; 
} 

.picto-icon-behance-square:before { 
content: '\F1B5'; 
} 

.picto-icon-steam:before { 
content: '\F1B6'; 
} 

.picto-icon-steam-square:before { 
content: '\F1B7'; 
} 

.picto-icon-recycle:before { 
content: '\F1B8'; 
} 

.picto-icon-automobile:before, .picto-icon-car:before { 
content: '\F1B9'; 
} 

.picto-icon-cab:before, .picto-icon-taxi:before { 
content: '\F1BA'; 
} 

.picto-icon-tree:before { 
content: '\F1BB'; 
} 

.picto-icon-spotify:before { 
content: '\F1BC'; 
} 

.picto-icon-deviantart:before { 
content: '\F1BD'; 
} 

.picto-icon-soundcloud:before { 
content: '\F1BE'; 
} 

.picto-icon-database:before { 
content: '\F1C0'; 
} 

.picto-icon-file-pdf-o:before { 
content: '\F1C1'; 
} 

.picto-icon-file-word-o:before { 
content: '\F1C2'; 
} 

.picto-icon-file-excel-o:before { 
content: '\F1C3'; 
} 

.picto-icon-file-powerpoint-o:before { 
content: '\F1C4'; 
} 

.picto-icon-file-photo-o:before, .picto-icon-file-picture-o:before, .picto-icon-file-image-o:before { 
content: '\F1C5'; 
} 

.picto-icon-file-zip-o:before, .picto-icon-file-archive-o:before { 
content: '\F1C6'; 
} 

.picto-icon-file-sound-o:before, .picto-icon-file-audio-o:before { 
content: '\F1C7'; 
} 

.picto-icon-file-movie-o:before, .picto-icon-file-video-o:before { 
content: '\F1C8'; 
} 

.picto-icon-file-code-o:before { 
content: '\F1C9'; 
} 

.picto-icon-vine:before { 
content: '\F1CA'; 
} 

.picto-icon-codepen:before { 
content: '\F1CB'; 
} 

.picto-icon-jsfiddle:before { 
content: '\F1CC'; 
} 

.picto-icon-life-bouy:before, .picto-icon-life-buoy:before, .picto-icon-life-saver:before, .picto-icon-support:before, .picto-icon-life-ring:before { 
content: '\F1CD'; 
} 

.picto-icon-circle-o-notch:before { 
content: '\F1CE'; 
} 

.picto-icon-ra:before, .picto-icon-rebel:before { 
content: '\F1D0'; 
} 

.picto-icon-ge:before, .picto-icon-empire:before { 
content: '\F1D1'; 
} 

.picto-icon-git-square:before { 
content: '\F1D2'; 
} 

.picto-icon-git:before { 
content: '\F1D3'; 
} 

.picto-icon-hacker-news:before { 
content: '\F1D4'; 
} 

.picto-icon-tencent-weibo:before { 
content: '\F1D5'; 
} 

.picto-icon-qq:before { 
content: '\F1D6'; 
} 

.picto-icon-wechat:before, .picto-icon-weixin:before { 
content: '\F1D7'; 
} 

.picto-icon-send:before, .picto-icon-paper-plane:before { 
content: '\F1D8'; 
} 

.picto-icon-send-o:before, .picto-icon-paper-plane-o:before { 
content: '\F1D9'; 
} 

.picto-icon-history:before { 
content: '\F1DA'; 
} 

.picto-icon-circle-thin:before { 
content: '\F1DB'; 
} 

.picto-icon-header:before { 
content: '\F1DC'; 
} 

.picto-icon-paragraph:before { 
content: '\F1DD'; 
} 

.picto-icon-sliders:before { 
content: '\F1DE'; 
} 

.picto-icon-share-alt:before { 
content: '\F1E0'; 
} 

.picto-icon-share-alt-square:before { 
content: '\F1E1'; 
} 

.picto-icon-bomb:before { 
content: '\F1E2'; 
} 

.picto-icon-soccer-ball-o:before, .picto-icon-futbol-o:before { 
content: '\F1E3'; 
} 

.picto-icon-tty:before { 
content: '\F1E4'; 
} 

.picto-icon-binoculars:before { 
content: '\F1E5'; 
} 

.picto-icon-plug:before { 
content: '\F1E6'; 
} 

.picto-icon-slideshare:before { 
content: '\F1E7'; 
} 

.picto-icon-twitch:before { 
content: '\F1E8'; 
} 

.picto-icon-yelp:before { 
content: '\F1E9'; 
} 

.picto-icon-newspaper-o:before { 
content: '\F1EA'; 
} 

.picto-icon-wifi:before { 
content: '\F1EB'; 
} 

.picto-icon-calculator:before { 
content: '\F1EC'; 
} 

.picto-icon-paypal:before { 
content: '\F1ED'; 
} 

.picto-icon-google-wallet:before { 
content: '\F1EE'; 
} 

.picto-icon-cc-visa:before { 
content: '\F1F0'; 
} 

.picto-icon-cc-mastercard:before { 
content: '\F1F1'; 
} 

.picto-icon-cc-discover:before { 
content: '\F1F2'; 
} 

.picto-icon-cc-amex:before { 
content: '\F1F3'; 
} 

.picto-icon-cc-paypal:before { 
content: '\F1F4'; 
} 

.picto-icon-cc-stripe:before { 
content: '\F1F5'; 
} 

.picto-icon-bell-slash:before { 
content: '\F1F6'; 
} 

.picto-icon-bell-slash-o:before { 
content: '\F1F7'; 
} 

.picto-icon-trash:before { 
content: '\F1F8'; 
} 

.picto-icon-copyright:before { 
content: '\F1F9'; 
} 

.picto-icon-at:before { 
content: '\F1FA'; 
} 

.picto-icon-eyedropper:before { 
content: '\F1FB'; 
} 

.picto-icon-paint-brush:before { 
content: '\F1FC'; 
} 

.picto-icon-birthday-cake:before { 
content: '\F1FD'; 
} 

.picto-icon-area-chart:before { 
content: '\F1FE'; 
} 

.picto-icon-pie-chart:before { 
content: '\F200'; 
} 

.picto-icon-line-chart:before { 
content: '\F201'; 
} 

.picto-icon-lastfm:before { 
content: '\F202'; 
} 

.picto-icon-lastfm-square:before { 
content: '\F203'; 
} 

.picto-icon-toggle-off:before { 
content: '\F204'; 
} 

.picto-icon-toggle-on:before { 
content: '\F205'; 
} 

.picto-icon-bicycle:before { 
content: '\F206'; 
} 

.picto-icon-bus:before { 
content: '\F207'; 
} 

.picto-icon-ioxhost:before { 
content: '\F208'; 
} 

.picto-icon-angellist:before { 
content: '\F209'; 
} 

.picto-icon-cc:before { 
content: '\F20A'; 
} 

.picto-icon-shekel:before, .picto-icon-sheqel:before, .picto-icon-ils:before { 
content: '\F20B'; 
} 

.picto-icon-meanpath:before { 
content: '\F20C'; 
} 

/* Animations properties and values */

@keyframes spinAnimation { 
0% { 
transform: rotate(0deg); 
} 
100% { 
transform: rotate(359deg); 
} 
} 

.picto-icon-spin { 
animation: spinAnimation 2s linear infinite; 
} 

/**/@font-face { 
font-family: 'Open Sans'; 
src: url('../../public/css/fonts/OpenSans-Regular.ttf') format('truetype'); 
font-style: normal; 
font-weight: 400; 
font-display: fallback; 
} 

@media screen { 

/* Generic elements properties and values */

/*
html, body { 
height: 100%; 
} 
*/

body { 
font-size: var(--base-font-size); 	/* (number+unit) || (xx-small - xx-large) */
line-height: var(--base-line-height); 	/* normal || (number+unit) || (percentage%) */
font-family: var(--base-font-family); 
} 

a, a:link { 
color: var(--base-link-color); 
text-decoration: underline; 
} 

a:visited { 
color: var(--base-visited-link-color); 
text-decoration: underline; 
} 

a:hover, a:active { 
color: var(--base-hover-link-color); 
text-decoration: none; 
} 

a, a > * { 
text-decoration: inherit; 
} 

a:hover, a > * { 
color: inherit; 
} 

a, a > *, .button { 
transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease, opacity 0.2s ease-in-out; 
} 

h1, h2, h3, h4, h5, h6 { 
background: transparent url('../../public/gfx/headings_bg.png') repeat-x left bottom; 
margin: 0 0 0.1rem; 
text-align: left; 
font-style: normal; 
font-weight: normal; 
line-height: var(--base-line-height); 
/* 
text-shadow: 2px 2px 4px var(--base-text-shadow-color); 
*/
} 

h1 { 
/* margin: var(--heading-1-margins); */
font-size: var(--heading-1-font-size); 
color: var(--base-heading-color); 
} 

h2 { 
/* margin: var(--heading-2-margins); */
font-size: var(--heading-2-font-size); 
color: var(--base-heading-color); 
} 

h3 { 
/* margin: var(--heading-3-margins); */
font-size: var(--heading-3-font-size); 
color: var(--base-heading-color); 
} 

h4 { 
/* margin: var(--heading-4-margins); */
font-size: var(--heading-4-font-size); 
color: var(--base-heading-color); 
} 

h5 { 
/* margin: var(--heading-5-margins); */
font-size: var(--heading-5-font-size); 
color: var(--base-heading-color); 
} 

h6 { 
/* margin: var(--heading-6-margins); */
font-size: var(--heading-6-font-size); 
color: var(--base-heading-color); 
} 

hr { 
color: var(--base-border-color); 
} 

mark { 
font-style: normal; 
font-weight: normal; 
} 

form { 
margin: 0 auto !important; 
padding: 0 !important; 
} 

label { 
font-weight: bold; 
} 

input, select, option, textarea { 
font: normal 99%/160% var(--forms-font-family); 
} 

input, select, textarea { 
border: 1px solid var(--base-border-light-color); 
border-radius: 3px; 
box-shadow: 0px 0px 5px var(--base-box-shadow-light-color) inset; 
} 

input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { 
background-color: var(--form-field-background-color); 
padding: 7px; 
color: var(--form-field-text-color); 
outline: none; 
transition: all 0.30s ease-in-out; 
} 

input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { 
border: 1px solid var(--hintbox-border-color); 
box-shadow: 0 0 5px var(--base-box-shadow-light-color); 
} 

input[type="number"] { 
max-width: 50px; 
} 

input[type="checkbox"], input[type="radio"] { 
width: 13px; 
height: 13px; 
} 

input[type="checkbox"], input[type="radio"], input[type="image"] { 
background-color: transparent; 
border: 0; 
vertical-align: middle; 
color: inherit; 
} 

button, button:hover, input[type="button"], input[type="button"]:hover, input[type="reset"], input[type="reset"]:hover, input[type="submit"], input[type="submit"]:hover { 
height: 34px; 
padding: 0 25px; 
border-top: 1px solid var(--base-border-middle-color); 
border-right: 1px solid var(--base-border-light-color); 
border-bottom: 1px solid var(--base-border-light-color); 
border-left: 1px solid var(--base-border-middle-color); 
border-radius: 3px; 
box-shadow: 0 2px 3px 0 rgba(255,255,255,.3) inset, 0 -3px 6px 0 rgba(0,0,0,.2) inset, 0 3px 2px 0 rgba(0,0,0,.2); 
font-weight: normal; 
text-shadow: 0 1px 1px var(--base-text-shadow-color); 
} 

button, input[type="button"], input[type="reset"], input[type="submit"] { 
background-color: var(--form-button-background-color); 
background-image: var(--button-background-image-linear-gradient); 
color: var(--form-button-text-color); 
} 

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { 
background-color: var(--form-button-hover-background-color); 
background-image: var(--button-hover-background-image-linear-gradient); 
color: var(--form-button-text-color); 
} 

.button, .button:hover { 
/*
background-color: transparent; 
border: 0; 
*/
color: var(--form-button-text-color); 
} 

button.button-image, input[type="image"] { 
margin: 0; 
padding: 0; 
border-radius: initial; 
box-shadow: none; 
text-shadow: none; 
} 

button.button-image, button.button-image:hover { 
height: initial; 
background-color: transparent; 
background-image: none; 
box-shadow: none; 
border: 0; 
} 

.button-image > img { 
max-width: initial !important; 
} 

select, option, textarea { 
background-color: var(--form-field-background-color); 
color: var(--form-field-text-color); 
} 

select { 
padding: 5px 3px; 
} 

option { 
padding: 1px 8px; 
} 

textarea { 
vertical-align: top; 
overflow: auto; 
} 

table, caption, thead, tbody, tfoot, tr, th, td { 
font-weight: normal; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

table { 
position: relative; 
table-layout: auto; 	/* auto || fixed */
caption-side: top; 
empty-cells: show; 
width: auto; 
margin: 0 auto 1rem; 
} 

tfoot { 
font-size: 0.9em; 
} 

caption { 
caption-side: top; 	/* top || bottom */
text-align: center; 
font-weight: bold; 
line-height: 180%; 
} 

ul, ol, dl { 
text-align: left; 
} 

ul { 
list-style-type: square; 	/* none || disc || circle */
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 20px; 
} 

ol { 
list-style-type: decimal; 	/* lower-latin || lower-roman */
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 30px; 
} 

dl { 
margin: 0 0 6px 20px; 
} 

li { 
margin: 0 0 0.6rem; 
} 

li ol, li ul { 
margin: 0 0 0.6rem 1.5rem; 
} 

dt { 
margin: 0 0 0.3rem; 
} 

dd { 
margin: 0 0 0.6rem 0.5rem; 
} 

/* Apply fluid sizes on media elements */

audio, embed, figure, img, object, video { 
max-width: 100%; 
height: auto; 
} 

video { 
width: 100% !important; 
height: auto !important; 
} 

/* Preserve accessibility by taking elements out of view-port */

.screen-reader-only { 
position: absolute; 
top: -999999em; 
left: auto; 
width: 1px; 
height: 1px; 
overflow: hidden; 
} 

/* Clearfix */

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

.clearfix:after { 
clear: both; 
} 

.clearfix { 
/* zoom: 1; */
} 

/* Clear */

.clear { 
display: block; 
visibility: hidden; 
float: none; 
clear: both; 
width: 0; 
height: 0; 
font-size: 1px; 
line-height: 0; 
overflow: hidden; 
} 

/* Responsive */

.responsive { 
float: left; 
padding: 0; 
} 

/* Invisible */

.invisible { 
display: none !important; 
} 

/* Page properties and values */

body#page, body#page-intro, body#page-tabs, body#page-closeup { 
position: relative; 
left: auto; 
top: auto; 
background-color: var(--base-background-color); 
color: var(--base-text-color); 
} 

body#page { 
background-image: url('../../public/gfx/bg.png'); 	/* url(URI) */
background-repeat: no-repeat; 	/* repeat || repeat-x || repeat-y || no-repeat */
background-position: left top; 	/* X Y || (left||right||center) (top||bottom||center) */
background-attachment: scroll; 	/* scroll || fixed */
padding: 20px 0 2em; 
} 

body#page-intro { 
padding: 0; 
} 

body#page-closeup { 
padding: 1em; 
} 

/* Recommended background photo size: 1920px*1280px */
#background-canvas { 
/* display: none; */
position: fixed; 
z-index: -100; 
left: 0; 
top: 0; 
width: 100%; 
height: auto; 
min-height: 100%; 
} 

#jumbotron-photo, #jumbotron { 
display: none; 
height: 350px; 
} 

#jumbotron-photo { 
position: fixed; 
z-index: -1; 
left: 0; 
top: 0; 
width: 100%; 
/*
background: transparent url('../../public/gfx/jumbotron_photo_bg.jpg') no-repeat center center fixed; 
*/
} 

#jumbotron { 
padding: 2em 0; 
text-align: center; 
color: var(--base-text-color); 
text-shadow: 0 1px 1px var(--base-text-shadow-color); 
} 

#wrapper, #wrapper-intro, #wrapper-closeup { 
position: relative; 
z-index: 0; 
left: auto; 
top: auto; 
margin: 0 auto; 
} 

#wrapper { 
width: auto; 
min-height: 480px; 
background: transparent url('../../public/gfx/wrapper_bg.png') repeat left top; 
overflow: hidden; 
} 

#wrapper-intro { 
width: auto; 
min-height: 480px; 
overflow: hidden; 
} 

#wrapper-closeup { 
background-color: var(--base-background-light-color); 
padding: 20px; 
border: 1px solid var(--base-border-light-color); 
text-align: center; 
} 

.master #wrapper { 
width: 1020px; 	/* boxed || fluid */
max-width: 100%; 
box-shadow: 0 0 8px rgba(0,0,0,0.11); 
} 

/* Animations properties and values */

.animate-fade { 
transition-property: opacity; 
transition-duration: 0.3s; 
transition-timing-function: ease-out; 
transition-delay: 0s; 
} 

.animate-fade:hover { 
opacity: 0; 
} 

@keyframes animate-fade-in { 
from { 
opacity: 0; 
} 
to { 
opacity: 1; 
} 
} 

.animate-move { 
position: relative; 
} 

/* Groups properties and values */

.group:after { 
content: ''; 
display: table; 
clear: both; 
} 

/* Layout properties and values */

#layout { 
position: relative; 
z-index: -1; 
left: auto; 
top: auto; 
width: auto; 
background: transparent url('../../public/gfx/layout_bg.png') repeat left top; 
margin: 0 auto; 
border: 1px solid var(--layout-border-color); 
border-radius: 5px; 
} 

#layout-inner, #layout-inner-box { 
display: block; 
clear: both; 
margin: 0 auto; 
} 

#layout-inner { 
background: var(--base-background-light-color) url('../../public/gfx/layout_inner_bg.png') repeat left top; 
margin: 8px; 
border: 1px solid var(--layout-inner-border-color); 
color: inherit; 
} 

/* Containers */

.container { 
width: auto; 
max-width: 100%; 
margin: 0 auto; 
} 

/* Headings */

h3.title, h4.title { 
position: relative; 
display: block; 
background-image: none; 
} 

.title a:link, .title a:visited { 
text-decoration: none; 
} 

.title a:hover, .title a:active { 
text-decoration: underline; 
} 

h3.group.title { 
background-image: none; 
margin: 0 auto 1.2rem; 
border-bottom: 1px solid var(--base-heading-color); 
} 

.group.title > span:first-child { 
display: inline-block; 
text-indent: 1em; 
font-weight: bold; 
} 

/* Links */

.topics-title a:link, .topics-title a:visited, .topics-title a:hover, .topics-title a:active { 
color: var(--base-heading-color); 
text-decoration: none; 
} 

/* Text & Content Blocks */

blockquote.simple { 
margin-bottom: 1.5rem; 
padding-left: 1em; 
border-left: 5px solid var(--base-border-middle-color); 
} 

blockquote.simple .quote-content { 
margin-top: 0.8rem; 
} 

blockquote.quotation { 
quotes: '\201C' '\201D' '\2018' '\2019'; 
background-color: var(--base-background-faded-color); 
margin: 1rem 2rem 1.5rem 1rem; 
padding: 1.2em 1.8em 1.6em 1.2em; 
border-left: 10px solid var(--base-border-middle-color); 
color: inherit; 
} 

blockquote.quotation:before { 
content: open-quote; 
margin-right: 0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
color: var(--base-text-middle-color); 
} 

blockquote.quotation:after { 
content: close-quote; 
float: right; 
margin-left: -0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
color: var(--base-text-middle-color); 
} 

blockquote.quotation .quote-content { 
display: inline; 
font-style: oblique; 
} 

blockquote.quotation .quote-content p { 
margin: -1.5rem 3rem 0; 
} 

blockquote.quotation .quote-meta { 
display: block; 
margin: 0 3rem; 
text-align: right; 
} 

blockquote.speech-bubble { 
overflow: hidden; 
} 

blockquote.speech-bubble .quote-content { 
position: relative; 
background-color: var(--base-background-faded-color); 
padding: 1.2em 2em 1em 2.2em; 
border-left: 2px solid var(--base-border-middle-color); 
font-style: oblique; 
} 

blockquote.speech-bubble .quote-content:after { 
content: ''; 
position: absolute; 
display: block; 
left: 50px; 
bottom: -16px; 
width: 0; 
border-width: 16px 0 0 20px; /* Values for the angle of the arrow */
border-style: solid; 
border-color: var(--base-background-faded-color) transparent; 
} 

blockquote.speech-bubble .quote-meta { 
float: right; 
background: no-repeat left top; 
margin-top: 1rem; 
padding-top: 0.166em; 
padding-left: 33px; 
text-align: right; 
} 

blockquote.speech-bubble .quote-meta.author-male { 
background: url('../../public/gfx/testimonials/testimonial_author_male.png') no-repeat left top; 
} 

blockquote.speech-bubble .quote-meta.author-female { 
background: url('../../public/gfx/testimonials/testimonial_author_female.png') no-repeat left top; 
} 

blockquote.speech-bubble span { 
color: var(--base-text-faded-color); 
} 

/* Header properties and values */

#header { 
position: relative; 
display: block; 
/* z-index: 2; */
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
height: 200px; 
background: var(--header-background-color) url('../../public/gfx/header_bg.jpg') no-repeat center top; 
margin: 0 auto; 
border: 0; 
vertical-align: top; 
text-align: center; 
color: var(--header-text-color); 
} 

#header a:link, #header a:visited, #header a:hover, #header a:active { 
background-color: transparent; 
color: var(--header-link-color); 
text-decoration: none; 
} 

#header-inner { 
text-align: left; 
} 

#logo-container { 
display: inline; 
border: 0; 
} 

/* Logo */

img#logo { 
float: left; 
clear: both; 
margin: 3rem 0 0 1.5rem; 
vertical-align: top; 
} 

#header-inner-box { 
float: right; 
margin: 0 1.5rem 0; 
border: 0; 
} 

/* Page Title */

#page-title { 
/*
position: relative; 
display: block; 
top: auto; 
width: auto; 
height: auto; 
*/
background-image: none; 
margin: 1.5rem 0 1rem; 
text-align: right; 
color: inherit; 
} 

#page-title a, #page-title a:hover { 
color: inherit; 
text-decoration: none; 
} 

/* Welcome Panel */

#welcome-panel { 
position: relative; 
display: block; 
float: left; 
clear: both; 
min-width: 20rem; 
height: 20px; 
margin: 40px 0 50px 1.5rem; 
text-align: left; 
font-weight: 500; 
line-height: 20px; 
} 

#welcome-panel p a { 
display: block; 
float: left; 
height: 20px; 
background: transparent url('../../public/gfx/svg/welcome_user.svg') no-repeat left center; 
background-size: 20px 20px; 
padding: 0 1em 0 2.5em; 
line-height: 20px; 
color: inherit; 
} 

#welcome-panel span { 
display: block; 
clear: both; 
max-width: 17rem; 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
} 

ul#welcome-panel-menu { 
list-style: none; 
position: relative; 
display: none; 
z-index: 100; 
top: auto; 
left: 0.8rem; 
clear: both; 
width: 200px; 
background: var(--base-background-light-color) url('../../public/gfx/welcome_dropdown_bg.png') repeat-x left top; 
padding: 5px 0; 
border: 1px solid var(--base-border-color); 
border-top: 0; 
border-radius: 4px; 
box-shadow: 0 1px 4px var(--base-box-shadow-color); 
color: inherit; 
} 

#welcome-panel-menu li, #welcome-panel-menu li a { 
display: block; 
float: none; 
font-weight: normal; 
font-size: 0.95em; 
line-height: normal; 
} 

#welcome-panel-menu li { 
height: 30px; 
margin: 0 6px; 
} 

#welcome-panel-menu li a:link, #welcome-panel-menu li a:visited { 
background-color: transparent; 
padding: 6px; 
border-radius: 4px; 
color: var(--base-text-color); 
text-decoration: none; 
} 

#welcome-panel-menu li a:hover, #welcome-panel-menu li a:active { 
background-color: var(--base-background-faded-color); 
color: var(--base-text-dark-color); 
text-decoration: none; 
} 

#welcome-panel-menu li a span { 
display: block; 
line-height: 18px; 
text-indent: 0.4em; 
} 

/* Font Size Changer */

#font-size-changer-panel { 
margin: 1.5rem 0 1rem; 
text-align: right; 
} 

/* Choose Language */

#choose-language-panel { 
margin: 0 0 1rem; 
text-align: right; 
font-weight: 500; 
} 

#menu-languages { 
list-style-type: none; 
position: relative; 
display: inline-block; 
left: auto; 
top: auto; 
height: 15px; 
margin: 0; 
} 

#menu-languages li { 
display: inline-block; 
float: left; 
clear: right; 
height: 15px; 
margin: 0; 
vertical-align: middle; 
} 

#menu-languages li.ar, #menu-languages li.bg, #menu-languages li.ca, #menu-languages li.cs, #menu-languages li.da, #menu-languages li.el, #menu-languages li.et, #menu-languages li.fi, #menu-languages li.ga, #menu-languages li.he, #menu-languages li.hu, #menu-languages li.id, #menu-languages li.it, #menu-languages li.ja, #menu-languages li.ka, #menu-languages li.ko, #menu-languages li.lt, #menu-languages li.lv, #menu-languages li.mk, #menu-languages li.mn, #menu-languages li.mt, #menu-languages li.nl, #menu-languages li.pl, #menu-languages li.pt_br, #menu-languages li.ro, #menu-languages li.sk, #menu-languages li.sl, #menu-languages li.sq, #menu-languages li.sv, #menu-languages li.te, #menu-languages li.th, #menu-languages li.tr, #menu-languages li.uk, #menu-languages li.vi, #menu-languages li.zh_tw { 
display: none; 
} 

#menu-languages li a { 
display: block; 
line-height: 90%; 
} 

#menu-languages li:not(.pt_br) + li a { 
border-left: 2px solid var(--header-link-color); 
} 

#menu-languages li:first-child { 
border-left: 0; 
} 

#menu-languages li a.language-active, #menu-languages li a.language-active:hover { 
background-color: transparent; 
color: inherit; 
} 

#menu-languages li a span, #menu-languages li a abbr { 
margin: 0 10px; 
vertical-align: middle; 
} 

#menu-languages li a span { 
display: block; 
} 

#menu-languages li a abbr { 
display: none; 
text-transform: uppercase; 
} 

/* Shopping Basket */

#shopping-basket-panel { 
margin: 0 0 5px; 
vertical-align: middle; 
text-align: right; 
font-weight: 500; 
} 

#shopping-basket-panel a span { 
display: inline-block; 
line-height: 90%; 
} 

#shopping-basket-panel span.basket-icon { 
font-size: 1.1em; 
} 

#shopping-basket-panel span.basket-products { 
padding: 0 3px; 
} 

#shopping-basket-panel span.basket-total { 
margin: 0 0 0 0.3rem; 
padding: 0 0 0 10px; 
border-left: 2px solid var(--header-link-color); 
} 

/* Visitors Online */

#visitors-online-panel { 
display: none; 
margin: 0 0 0.3rem; 
vertical-align: middle; 
text-align: right; 
font-weight: 500; 
} 

#visitors-online-panel span { 
background-color: transparent; 
color: var(--highlighted-text-color); 
} 

#header-print { 
display: none; 
} 

/* Stage properties and values */

#stage { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
vertical-align: top; 
text-align: left; 
} 

/* Search area properties and values */

#search-area, #search-area-inner { 
position: relative; 
display: block; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
vertical-align: top; 
text-align: left; 
color: var(--search-area-text-color); 
} 

#search-area { 
z-index: 2; 
background-color: var(--search-area-background-color); 
margin: 0.6rem 0 0.3rem; 
} 

#search-area-inner { 
z-index: 3; 
float: right; 
} 

#search-area-inner a, #search-area-inner a:hover { 
color: var(--search-area-link-color); 
text-decoration: none; 
} 

.search-area-form-box { 
display: block; 
float: right; 
padding-right: 1.5rem; 
} 

.search-area-form-box * { 
position: relative; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

label.label-search-message { 
display: inline; 
padding: 3px 5px; 
} 

label.label-search-message span.show-message-search { 
display: none; 
} 

label.label-search-message span.show-message-keyword { 
display: none; 
} 

label.label-combobox-search { 
display: none; 
padding: 0 3px; 
} 

.search-area-form-box input#search { 
display: inline; 
width: 165px; 
padding: 5px 3px; 
} 

.search-area-form-box select { 
display: none; 
width: 150px; 
} 

button.button-search { 
display: inline; 
width: 26px; 
margin: 0 0 0 0.6rem; 
} 

.button-search img { 
display: inline; 
max-width: initial !important; 
} 

.button-search span { 
display: none; 
} 

/* Main area properties and values */

#main-area { 
position: relative; 
display: block; 
z-index: 2; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
margin: 0 auto; 
vertical-align: top; 
text-align: left; 
} 

#main-area-banner { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

#main-area-banner img { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 1.5rem; 
} 

#main-area-left, #main-area-center, #main-area-right { 
position: relative; 
z-index: 3; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
background-color: transparent; 
border: 0; 
vertical-align: top; 
color: inherit; 
} 

#main-area-left { 
display: inline; 	/* inline || none */
width: 25%; 
} 

#main-area-left .side-bar { 
margin-left: 1.5rem; 
} 

#main-area-center { 
display: inline; 
width: 75%; 
} 

#main-area-right { 
display: none; 	/* inline || none */
width: 25%; 
} 

#main-area-right .side-bar { 
margin-right: 1.5rem; 
} 

#rss-feed-container { 
margin: 0 auto 1.5rem; 
text-align: center; 
} 

/* Main container properties and values */

#main-container { 
position: relative; 
display: block; 
z-index: 3; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 1.5rem; 	/* 0 1.5rem .75rem */
vertical-align: top; 
text-align: left; 
} 

/* Breadcrumbs */

#breadcrumb-trail { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
vertical-align: middle; 
text-align: left; 
font-weight: normal; 
line-height: 1.2em; 
} 

#page.front-page #breadcrumb-trail { 
/* display: none; */
} 

#breadcrumb-trail a, #breadcrumb-trail a:hover { 
color: var(--breadcrumb-trail-link-color); 
text-decoration: none; 
} 

ul#sections-trail { 
list-style-type: none; 
margin: 0 0 0.8rem; 
} 

#sections-trail li { 
display: inline; 
padding: 0; 
color: var(--breadcrumb-trail-text-color); 
} 

#sections-trail li.root-section { 
display: inline; 	/* inline || none */
} 

#sections-trail li:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F105\00A0'; 
} 

#sections-trail li:after { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

#breadcrumb-trail-tree a, #breadcrumb-trail-tree a:hover { 
color: var(--base-text-color); 
text-decoration: none; 
} 

/* Boxes */

.record-box { 
/* position: relative; */
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
margin-bottom: 1rem; 
vertical-align: top; 
text-align: left; 
} 

.summary-box { 
padding: 0; 
} 

.grid-box-block, .grid-box-inline, .grid-box-break { 
left: auto; 
top: auto; 
} 

.grid-box-block { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

.grid-box-inline, .grid-box-break { 
display: inline-block; 
float: left; 
clear: right; 
min-height: 100%; 
} 

/* Icon Boxes */

.icon-box { 
position: relative; 
margin-bottom: 1.5rem; 
} 

.icon-box > a { 
display: block; 
background-color: transparent; 
padding: 1em 1em 1.2em; 
border: 1px solid var(--base-border-color); 
text-decoration: none; 
} 

.icon-box > a > * { 
color: var(--base-text-color); 
} 

.icon-box > a:hover { 
background-color: var(--base-background-faded-color); 
} 

h4.icon-box-title { 
margin-bottom: 0.5rem; 
padding-bottom: 0; 
border: none; 
text-align: center; 
} 

.icon-box-icon { 
float: left; 
width: 70px; 
height: 70px; 
margin-right: 0.8rem; 
border-radius: 35px; 	/* Half the width/height */
line-height: 70px; 	/* Same as the height */
} 

.icon-box-icon img { 
display: inline-block; 
max-width: 55px; 
max-height: 55px; 
} 

.icon-box-icon .icon-top { 
margin-bottom: 0.8rem; 
text-align: center; 
} 

.icon-box-icon .icon-top img { 
display: inline-block; 
width: 100%; 
} 

.icon-box p:last-child { 
margin-bottom: 0; 
} 

.icon-box > a > .icon-box-button { 
display: inline-block; 
min-width: 4rem; 
background-color: var(--base-background-dark-color); 
margin: 0.6rem auto 0; 
padding: 0.3rem 1.2rem; 
border-color: var(--base-border-color); 
border-radius: 5px; 
font-weight: 400; 
font-size: 0.75rem; 
line-height: 1.4rem; 
color: var(--base-text-light-color); 
} 

/* Columns */

.one-half, .one-third, .one-fourth, .one-fifth, .two-thirds, .three-fourths { 
display: inline; 
float: left; 
margin-right: 2%; 
} 

.one-half { 
width: 49%; 
} 

.one-third { 
width: 32%; 
} 

.one-fourth { 
width: 23.5%; 
} 

.one-fifth { 
width: 18.4%; 
} 

.two-thirds { 
width: 66%; 
} 

.three-fourths { 
width: 74.5%; 
} 

.last-column { 
margin-right: 0 !important; 
} 

.one-half div.thumb-left, .one-half div.thumb-centered, .one-half div.thumb-right { 
width: 40%; 
} 

.one-third div.thumb-left, .one-third div.thumb-centered, .one-third div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.one-fourth div.thumb-left, .one-fourth div.thumb-centered, .one-fourth div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.one-fifth div.thumb-left, .one-fifth div.thumb-centered, .one-fifth div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.two-thirds div.thumb-left, .two-thirds div.thumb-centered, .two-thirds div.thumb-right { 
width: 40%; 
} 

.three-fourths div.thumb-left, .three-fourths div.thumb-centered, .three-fourths div.thumb-right { 
width: 40%; 
} 

/* Panels */

.group.last-column { 
position: relative; 
display: block; 
z-index: 5; 
left: auto; 
top: auto; 
} 

.group.last-column div.thumb-left, .group.last-column div.thumb-right, .group.last-column .thumb-left img, .group.last-column .thumb-right img { 
border-radius: 0; 	/* 8px */
} 

.group.last-column .thumb-left img, .group.last-column .thumb-right img { 
border-radius: 0; 	/* 6px */
} 

#first-section-area, #second-section-area, #third-section-area { 
background-color: transparent; 
margin: 0 auto 1rem; 
border: 0; 
color: inherit; 
} 

#second-section-area { 
display: flex; 
flex-wrap: wrap; 
flex-basis: 100%; 
width: 100%; 
height: 100%; 
} 

#third-section-area { 
display: flex; 
flex-wrap: wrap; 
flex-basis: 100%; 
width: 100%; 
height: 100%; 
} 

#page.front-page #first-section-area { 
width: auto; 
background-color: var(--base-background-light-color); 
margin: 0 auto 1rem; 
padding: 1em 1.2em; 	/* 0.5em 1em */
border: 1px solid var(--base-border-light-color); 
border-radius: 10px; 
box-shadow: 0px 1px 3px var(--base-box-shadow-color); 
} 

#left-section-area, #right-section-area { 
width: auto; 
background-color: var(--base-background-light-color); 
margin: 0 auto 1.5rem; 
padding: 0.8em 1em; 
border: 1px solid var(--base-border-light-color); 
border-radius: 10px; 
box-shadow: 0px 1px 3px var(--base-box-shadow-color); 
} 

/* Records properties and values */

div.record-container { 
width: auto; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

.record-container .pretitle { 
position: relative; 
display: block; 
margin: 0 0 0.1rem; 
font-style: oblique; 
font-weight: bold; 
} 

#first-section-area .record-container h3.title, #second-section-area .record-container h3.title, #third-section-area .record-container h3.title { 
display: none; 
} 

.record-text { 
margin: 0 0 1rem; 
text-align: justify; 
} 

.grid-box-inline .record-text, .grid-box-break .record-text { 
text-align: left; 
} 

.record-text-2-columns { 
column-count: 2; 
column-gap: 1.8rem; 
} 

.record-text-3-columns { 
column-count: 3; 
column-gap: 1.5rem; 
} 

.record-text-4-columns { 
column-count: 4; 
column-gap: 1.2rem; 
} 

.record-text p { 
/* margin: 0 0 1rem; */
} 

.record-text ul li ul { 
list-style-type: circle; 
margin-top: 0.8rem; 
} 

.record-text ul li ul li ul { 
list-style-type: none; 
} 

#grid-section-area div.grid-box-inline, #grid-section-area div.grid-box-break { 
width: 47%; 	/* 32% */
} 

#grid-section-area div.grid-box-inline { 
margin: 0 6% 1rem 0; 	/* 2% */
} 

#grid-section-area div.grid-box-break { 
margin: 0 0 1rem; 
} 

#grid-section-area div.grid-box-inline div.thumb-left, #grid-section-area div.grid-box-inline div.thumb-centered, #grid-section-area div.grid-box-inline div.thumb-right, #grid-section-area div.grid-box-break div.thumb-left, #grid-section-area div.grid-box-break div.thumb-centered, #grid-section-area div.grid-box-break div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto; 
border: 0; 
} 

h4.grid-title { 
position: relative; 
display: block; 
width: auto; 
background-color: var(--base-text-dark-color); 
margin: 0; 
line-height: 2.25em; 
color: var(--base-text-light-color); 
text-indent: 20px; 
} 

.grid-title a, .grid-title a:link, .grid-title a:visited { 
background-color: transparent; 
color: var(--base-text-light-color); 
text-decoration: none; 
} 

div.record-more-content { 
position: relative; 
display: block; 
width: auto; 
margin: 0.1rem 0; 
text-align: right; 
font-weight: bold; 
} 

.record-more-content a, .record-more-content a:link { 
background-color: transparent; 
color: var(--base-link-color); 
text-decoration: none; 
} 

.record-more-content a:visited { 
background-color: transparent; 
color: var(--base-visited-link-color); 
text-decoration: none; 
} 

.record-more-content a:hover, .record-more-content a:active { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

.record-more-content a span { 
display: inline-block; 
background: transparent url('../../public/gfx/svg/bullet_more_content.svg') no-repeat right center; 
background-size: 18px 18px; 
padding: 0 25px 0 0; 
} 

div.record-details { 
position: relative; 
display: block; 
width: auto; 
margin: 0.4rem 1rem 0.6rem 2rem; 
vertical-align: top; 
text-align: left; 
} 

.record-details > div { 
position: relative; 
display: block; 
width: auto; 
margin: 0 2rem 0.2rem 1rem; 
} 

.record-details div span { 
display: inline-block; 
} 

.record-details div > span:first-child:after { 
content: ':'; 
} 

.record-details a, .record-details a:link { 
background-color: transparent; 
color: var(--base-link-color); 
text-decoration: none; 
} 

.record-details a:visited { 
background-color: transparent; 
color: var(--base-visited-link-color); 
text-decoration: none; 
} 

.record-details a:hover, .record-details a:active { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

.record-links-list a, .record-links-list a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

span.label-scope { 
font-weight: bold; 
} 

span.no-ratings-votes, span.total-ratings-votes { 
background-color: transparent; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

span.no-ratings-votes { 
color: var(--highlighted-text-color); 
} 

.append-colon:after { 
content: ':' !important; 
} 

a span.picto-icon { 
text-decoration: none; 
} 

div.expand-content { 
position: relative; 
display: block; 
margin: 0 auto; 
} 

.expand-content a span.picto-icon { 
position: relative; 
display: inline-block; 
top: -1em; 
right: 0; 
float: right; 
clear: both; 
margin: 0 0 0 1rem; 
} 

img.rating, img.administration-flag { 
display: inline; 
max-width: initial !important; 
} 

ul.record-related li { 
list-style-type: none; 
text-indent: 15px; 
font-weight: bold; 
} 

figure.record-collection { 
position: relative; 
display: block; 
clear: both; 
vertical-align: top; 
} 

.record-collection figcaption { 
position: relative; 
display: block; 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1.1em; 
} 

.italicized { 
font-style: italic; 
font-size: 0.916rem; 
} 

.note { 
color: var(--note-text-color); 
} 

.no-records-message { 
background-color: transparent; 
background-image: none; 
margin: 0 0 1rem; 
padding: 3px 10px; 
text-align: left; 
font: normal 90%/160% var(--messages-font-family); 
color: var(--highlighted-text-color); 
} 

/* Navigator properties and values */

.navigator-box { 
position: relative; 
display: block; 
z-index: 4; 
clear: both; 
width: auto; 
margin: 0 auto; 
padding: 0.6em 1em; 
border-top: 1px solid var(--base-border-light-color); 
vertical-align: middle; 
text-align: right; 
/* font-weight: bold; */
} 

.navigator-box a, .navigator-box a:link, .navigator-box a:visited, .navigator-box a:hover, .navigator-box a:active { 
display: block; 
color: inherit; 
text-decoration: none; 
} 

.navigator-box > span, .navigator-box ul, .navigator-box li { 
display: inline-block; 
} 

.navigator-box > span, .navigator-box li { 
vertical-align: middle; 
} 

.navigator-pages-counter { 
float: left; 
margin-right: 1.2rem; 
} 

.navigator-current-page { 
color: var(--highlighted-text-color); 
} 

.navigator-box ul.navigator-scroller { 
margin: 0; 
padding: 0; 
} 

.navigator-scroller li { 
float: left; 
clear: right; 
margin: 0; 
padding: 0; 
line-height: normal; 
} 

.navigator-scroller li:first-child, .navigator-scroller li:nth-child(2) { 
margin-right: 5px; 
} 

.navigator-scroller li:last-child, .navigator-scroller li:nth-last-child(2) { 
margin-left: 5px; 
} 

.navigator-scroller li a[rel~="first"]:before, .navigator-scroller li a[rel~="prev"]:before { 
content: '\00A0\2039\2039\00A0'; 
} 

.navigator-scroller li a[rel~="last"]:after, .navigator-scroller li a[rel~="next"]:after { 
content: '\00A0\203A\203A\00A0'; 
} 

.navigator-scroller li:nth-last-child(3) a { 
border-right: 1px solid var(--base-text-color); 
} 

.navigator-scroller a, .navigator-scroller a:link, .navigator-scroller a:hover { 
text-decoration: none; 
} 

.navigator-scroller-page a { 
display: block; 
margin: 0.2rem 0 0; 
padding: 0 5px; 
border-left: 1px solid var(--base-text-color); 
line-height: 90%; 
} 

.navigator-scroller-page a, .navigator-scroller-page a:hover { 
color: var(--highlighted-text-color); 
} 

.navigator-scroller-page a:link, .navigator-scroller-page a:visited, .navigator-scroller-page a:active { 
color: var(--base-text-color); 
text-decoration: underline; 
} 

/* Record tools properties and values */

div.record-tools { 
position: relative; 
display: none; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
height: 16px; 
margin: 0 auto; 
text-align: right; 
} 

.record-tools div { 
position: relative; 
display: inline; 
float: right; 
clear: left; 
} 

.record-tools button { 
width: 16px; 
height: 16px; 
margin: 0 0 0 0.6rem; 
} 

/* Search results properties and values */

div.group.last-column + div.search-results-box { 
margin-top: 0; 
} 

div.search-results-box { 
margin: 1rem 0 0.5rem; 
border-bottom: 1px solid var(--base-border-color); 
text-align: right; 
font-weight: bold; 
} 

.search-results-box p { 
padding: 0 1em 0.1em; 
} 

.search-results-box p span { 
font-size: 0.9em; 
} 

.search-results-box a, .search-results-box a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

span.search-string-highlighted { 
background-color: var(--highlighted-background-color); 
font-weight: bold; 
color: var(--highlighted-text-color); 
} 

.record-details > div > span.search-string-highlighted:after { 
content: ''; 
} 

/* Site map properties and values */

ul.site-map-pages { 
list-style-type: none; 
margin: 0 0 1em 5em; 
padding: 0; 
text-align: left; 
font-weight: bold; 
} 

.site-map-pages li { 
margin: 0 0 0.6rem; 
padding: 0; 
} 

.site-map-pages li a, .site-map-pages li a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

.site-map-pages li a span { 
display: inline-block; 
vertical-align: middle; 
margin: 0 0.4em 0 0; 
} 

.site-map-pages li a span:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0'; 
} 

/* Personal menu properties and values */

#personal-menu, #personal-menu-session-info, #personal-menu-box { 
position: relative; 
display: block; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
font-weight: bold; 
} 

#personal-menu { 
z-index: 4; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

#personal-menu a, #personal-menu a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

#personal-menu-session-info { 
z-index: 5; 
margin: 0 auto 1rem; 
vertical-align: middle; 
text-align: right; 
} 

.session-user-info { 
display: block; 
float: right; 
vertical-align: middle; 
line-height: 1.8rem; 
} 

.session-user-info * { 
position: relative; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

.session-user-photo { 
display: inline-block; 
overflow: hidden; 
width: 36px; 
height: 36px; 
margin-right: 0.6rem; 
border-radius: 50%; 
} 

.session-user-photo img.user-photo-rounded { 
display: block; 
width: 100%; 
height: 100%; 
margin: 0 auto; 
border-radius: 50%; 
object-fit: cover; 
} 

span.session-user-name { 
display: inline; 
padding: 3px 0 1px; 
} 

button.button-logout { 
display: inline; 	/* none || inline */
width: 26px; 
background: transparent url('../../public/gfx/svg/button_logout.svg') no-repeat right bottom; 
background-size: 20px 20px; 
margin: 0 0 0 5px; 
} 

button.button-logout:hover { 
background: transparent url('../../public/gfx/svg/button_logout_off.svg') no-repeat right bottom; 
background-size: 20px 20px; 
} 

.button-logout img { 
display: inline; 	/* none || inline */
max-width: initial !important; 
visibility: hidden; 
} 

.button-logout span { 
display: none; 
} 

#personal-menu-box { 
z-index: 5; 
margin: 0 auto; 
text-align: center; 
} 

#personal-menu-box ul { 
list-style-type: none; 
position: relative; 
display: flex; 
flex-direction: row; 
flex-wrap: wrap; 
justify-content: center; 
align-items: baseline; 
align-content: center; 
row-gap: 5px; 
column-gap: 10px; 
margin: 0 auto 1.2rem; 
text-align: center; 
} 

#personal-menu-box ul li { 
flex: 5; 
display: inline-block; 
margin: 0 auto; 
vertical-align: middle; 
text-align: center; 
white-space: nowrap; 
} 

#personal-menu-box ul li.your-space { 
flex: 1; 
} 

#personal-menu-box li a { 
display: inline-block; 
clear: both; 
margin: 0 auto; 
padding: 4px 8px; 
border: 1px solid transparent; 
border-radius: 4px; 
} 

#personal-menu-box li:not(.your-space) a { 
border: 1px solid var(--base-text-color); 
} 

#personal-menu-box li:not(.your-space) a.personal-menu-option-active { 
background-color: var(--personal-menu-box-active-background-color); 
color: var(--personal-menu-box-active-link-color); 
} 

#personal-menu-box li span { 
display: block; 
} 

#personal-menu-box li:not(.your-space) span { 
margin: 0 5px; 
vertical-align: middle; 
} 

/* Personal folder and files properties and values */

.personal-folder-location { 
background-color: transparent; 
margin: 0 auto; 
vertical-align: baseline; 
text-align: center; 
font-weight: bold; 
color: var(--highlighted-text-color); 
} 

.personal-folder-location button { 
display: inline; 
margin: 0 3px; 
} 

.personal-files-list:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0\00A0'; 
} 

.personal-files-list { 
margin: 0 0 0.8rem; 
padding: 0 0.3em; 
border-bottom: 1px dashed var(--base-border-light-color); 
text-align: left; 
font-weight: bold; 
line-height: 25px; 
} 

.personal-files-list span { 
display: inline; 
font-size: 0.8em; 
} 

.personal-files-list a, .personal-files-list a:hover { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

/* Result message properties and values */

.group.last-column .operation-result-message { 
margin: 0 1rem; 
vertical-align: top; 
text-align: center; 
} 

.operation-result-message a, .operation-result-message a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

.operation-result-message h2, .operation-result-message h3 { 
display: block; 
background-image: none; 
margin: 0 auto 0.5rem; 
padding: 0; 
text-align: center; 
} 

.operation-result-message h2 { 
margin-top: 1rem; 
font-size: 2.1em; 
line-height: 150%; 
} 

.operation-result-message h3 { 
font-size: 1.6em; 
line-height: 130%; 
} 

.operation-result-message p { 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1em; 
} 

/* Liability message properties and values */

span.liability-message { 
background-color: transparent; 
font-size: 0.9em; 
line-height: 130%; 
color: var(--highlighted-text-dark-color); 
} 

.liability-message a, .liability-message a:hover { 
background-color: transparent; 
color: var(--highlighted-text-dark-color); 
text-decoration: none; 
} 

/* Footer properties and values */

#footer { 
position: relative; 
display: block; 
/* z-index: 1; */
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
background: var(--footer-background-color) url('../../public/gfx/footer_bg.png') repeat left top; 
margin: 0 auto; 
border: 0; 
vertical-align: top; 
text-align: center; 
color: var(--footer-text-color); 
} 

#footer a, #footer a:link { 
background-color: transparent; 
color: var(--footer-link-color); 
text-decoration: none; 
} 

#footer a:visited { 
background-color: transparent; 
color: var(--footer-visited-link-color); 
text-decoration: none; 
} 

#footer a:hover, #footer a:active { 
background-color: transparent; 
color: var(--footer-hover-link-color); 
text-decoration: underline; 
} 

#footer-inner { 
background: transparent url('../../public/gfx/footer_inner_bg.png') repeat left top; 
margin: 0 1.5rem; 
padding: 15px 0; 
border-radius: 10px; 
text-align: center; 
} 

#owner-name { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 3px; 
padding: 0; 
text-align: center; 
} 

#owner-name li { 
display: inline; 
padding: 0 5px; 
} 

#owner-address { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 3px; 
padding: 0; 
text-align: center; 
} 

#owner-address li { 
display: inline; 
padding: 0 5px; 
} 

#owner-contacts { 
list-style-type: none; 
margin: 0 auto; 
padding: 0; 
text-align: center; 
} 

#owner-contacts li { 
display: inline; 
padding: 0 5px; 
} 

#contact-phone-rates, #contact-fax-rates, #contact-voip-rates { 
position: fixed; 
z-index: 1; 
display: none; 
background-color: hsla(0,0%,0%,0.7); 
padding: 8px; 
border-radius: 4px; 
text-align: center; 
font-size: 1em; 
color: hsla(0,0%,100%,1); 
overflow: hidden; 
animation: animate-fade-in 0.6s; 
} 

#contact-phone:hover #contact-phone-rates, #contact-fax:hover #contact-fax-rates, #contact-voip:hover #contact-voip-rates { 
position: fixed; 
display: block; 
} 

#footer-print { 
display: none; 
} 

/* Copyrights properties and values */

#copyrights { 
position: relative; 
display: block; 
/* z-index: 1; */
left: auto; 
top: auto; 
clear: both; 
width: auto; 
background-color: var(--copyrights-background-color); 
margin: 0 auto; 
border: 0; 
font-size: 0.8em; 
line-height: 1em; 
color: var(--copyrights-text-color); 
} 

#copyrights a, #copyrights a:link { 
background-color: transparent; 
color: var(--copyrights-link-color); 
text-decoration: none; 
} 

#copyrights a:visited { 
background-color: transparent; 
color: var(--copyrights-visited-link-color); 
text-decoration: none; 
} 

#copyrights a:hover, #copyrights a:active { 
background-color: transparent; 
color: var(--copyrights-hover-link-color); 
text-decoration: underline; 
} 

#copyrights-inner { 
margin: 0 1.5rem; 
padding: 6px 0 8px; 
text-align: right; 
} 

#copyrights span { 
display: inline; 	/* inline || none */
padding: 0 10px; 
} 

span#loading-time { 
display: none; 
} 

#loading-time span { 
padding: 0; 
} 

span#copyrights-site-map, span#copyrights-owner { 
padding: 0 0 0 10px; 
} 

/* Scroll Up properties and values */

a.scroll-up { 
position: fixed; 
display: none; 
bottom: 30px; 
right: 30px; 
width: 40px; 
height: 40px; 
background: var(--scroll-up-background-color) url('../../public/gfx/scroll_up.png') no-repeat center center; 
border-radius: 3px; 
text-indent: -9999px; 
color: inherit; 
overflow: hidden; 
} 

a.scroll-up:hover { 
background: var(--scroll-up-hover-background-color) url('../../public/gfx/scroll_up.png') no-repeat center center; 
color: inherit; 
} 

/* Terms Of Service properties and values */

#terms-of-service { 
position: fixed; 
display: none; 
z-index: 10000; 
top: 50%; 
left: 50%; 
width: 40%; 
height: 40%; 
background-color: var(--print-background-color); 
margin: -15% 0 0 -20%; 
padding: 0; 
border: 1px solid var(--base-border-color); 
box-shadow: 0 1px 4px var(--base-box-shadow-color); 
color: var(--base-text-color); 
overflow: hidden; 
} 

#terms-of-service div.popup-menubar { 
position: relative; 
display: block; 
left: 0; 
top: 0; 
width: 100%; 
height: 32px; 
background-color: hsla(0,0%,0%,0.7); 
background-image: linear-gradient(to bottom, hsla(0,0%,0%,0.7), hsla(0,0%,0%,0.5)); 
border-bottom: 1px solid hsla(0,0%,20%,0.7); 
color: hsla(0,100%,100%,0.8); 
} 

#terms-of-service .popup-menubar a:link, #terms-of-service .popup-menubar a:visited, #terms-of-service .popup-menubar a:hover, #terms-of-service .popup-menubar a:active { 
background-color: transparent; 
text-decoration: none; 
} 

#terms-of-service span.popup-close { 
position: absolute; 
display: inline-block; 
top: 5px; 
right: 6px; 
float: right; 
clear: left; 
width: 25px; 
height: 25px; 
margin: 0; 
border: 0; 
opacity: 0.8; 
} 

#terms-of-service .popup-close:hover { 
opacity: 1; 
} 

#terms-of-service .popup-close:before, #terms-of-service .popup-close:after { 
position: absolute; 
left: 12px; 
content: ''; 
width: 3px; 
height: 25px; 
background-color: hsla(0,100%,100%,0.8); 
} 

#terms-of-service .popup-close:before { 
transform: rotate(45deg); 
} 

#terms-of-service .popup-close:after { 
transform: rotate(-45deg); 
} 

#terms-of-service div.popup-content, #terms-of-service div.popup-content object { 
position: absolute; 
left: 0; 
top: auto; 
width: 100%; 
min-height: 100%; 
margin: 0; 
padding: 0; 
border: 0; 
overflow: hidden; 
} 

#terms-of-service .popup-content object { 
overflow: auto; 
} 

#terms-of-service-curtain { 
position: absolute; 
display: none; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
z-index: 1000; 
background-color: rgb(239,239,239); 
opacity: 0.8; 
} 

/* Privacy Policy properties and values */

a.privacy-policy { 
position: fixed; 
display: none; /* none || flex */
z-index: 10000; 
bottom: 0; 
right: 90px; 
max-height: 34px; 
background-color: rgba(0,0,0,.8); 
padding: 5px 15px; 
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
align-items: center; 
font-weight: bold; 
line-height: 24px; 
color: rgba(255,255,255,.8); 
text-decoration: none; 
} 

a.privacy-policy:hover { 
color: rgba(255,255,255,.9); 
} 

/* Dashboard properties and values */

#cookies-usage-policy, #dashboard-switcher { 
position: fixed; 
z-index: 5000; 
vertical-align: middle; 
font: bold 1.2em/1.3em Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 
color: hsla(0,0%,100%,0.7); 
} 

#cookies-usage-policy, #dashboard-switcher { 
position: absolute; 
} 

* > #cookies-usage-policy, * > #dashboard-switcher { 
position: fixed; 
} 

#cookies-usage-policy a, #dashboard-switcher a { 
display: inline-block; 
background-color: transparent; 
color: hsla(0,0%,100%,1); 
text-decoration: none; 
} 

#cookies-usage-policy { 
left: 0; 
top: 0; 
right: 0; 
width: 100%; 
background-color: hsla(0,0%,0%,0.7); 
background-image: linear-gradient(to bottom, hsla(0,0%,0%,0.7), hsla(0,0%,0%,0.5)); 
margin: 0; 
padding: 0.8em 0; 
border-bottom: 1px solid hsla(0,0%,20%,0.7); 
text-align: center; 
color: hsla(0,0%,100%,0.7); 
} 

#cookies-usage-policy p { 
padding: 0 1em; 
} 

#dashboard-switcher { 
list-style-type: none; 
top: 1%; 
right: 0; 
width: 8em; 
background-color: hsla(80,90%,40%,0.7); 
margin: 0; /* -2.5rem 0 0 0 */
padding: 0.5em 0.5em 0.5em 1.5em; 
border: 1px solid hsla(80,90%,40%,0.5); 
border-radius: 3em 0.5em 0.5em 3em; 
border-left: none; 
box-shadow: 0 1px 3px hsla(0,0%,0%,1); 
text-align: left; 
font-size: 1.3em; 
color: hsla(0,0%,100%,0.7); 
} 

#dashboard-switcher li { 
margin: 0; 
} 

span.dashboard-remove { 
display: inline-block; 
margin: 0 0 0 0.5rem; 
vertical-align: text-top; 
text-align: center; 
text-shadow: 0 1px 0 hsla(0,0%,100%,1); 
line-height: 1.2em; 
opacity: 0.8; 
} 

.dashboard-remove:hover { 
background-color: transparent; 
color: hsla(0,0%,100%,1); 
text-decoration: none; 
opacity: 0.6; 
cursor: pointer; 
} 

/* @media screen end */

} 

/**/@media screen { 

/* Top area properties and values */

#top-area { 
position: relative; 
display: block; 	/* block || none */
z-index: 3; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
background: transparent url('../../public/gfx/top_area_bg.png') repeat-x left top; 
margin: 0 auto; 
border: 0; 
border-top: 1px solid var(--navigation-border-color); 
text-align: center; 
font: bold 1em/1em var(--navigation-font-family); 
color: inherit; 
} 

#top-area-inner { 
display: block; 
clear: both; 
width: auto; 
height: var(--navigation-top-area-height); 
border: 0; 
vertical-align: top; 
text-align: center; 
} 

/* Toggle button properties and values */

#menu-top-box-toggle { 
position: relative; 
display: none; 
float: right; 
clear: left; 
width: 40px; 
height: 40px; 
background-color: rgba(0,0,0,1); 
background-image: none; 
margin: 0 1rem; 
padding: 0; 
border: 1px solid rgba(60,60,60,1); 
border-radius: 4px; 
box-shadow: none; 
text-align: center; 
} 

#menu-top-box-toggle .icon-bar { 
display: block; 
width: 22px; 
height: 2px; 
background-color: rgba(255,255,255,1); 
margin: 0 auto; 
border-radius: 1px; 
color: inherit; 
} 

#menu-top-box-toggle .icon-bar + .icon-bar { 
margin-top: 4px; 
} 

/* Top menu box properties and values */

#menu-top-box { 
position: relative; 
display: block; 
width: 100%; 
} 

* html #menu-top-box ul li a { 
display: inline-block; 
} 

#menu-top-box ul li ul { 
position: absolute; 
display: none; 
left: 0; 
visibility: hidden; 
} 

/* Top menu properties and values */

ul#menu-top { 
list-style-type: none; 
position: relative; 
display: block; 
z-index: 100; 
left: auto; 
top: auto; 
width: auto; 
height: var(--navigation-top-area-height); 
background-color: transparent; 
margin: 0 1.5rem; 
border: 0; 
text-align: left; 
color: inherit; 
} 

#menu-top > li { 
position: relative; 
display: inline; 
float: left; 
clear: right; 
min-width: 14%; 
height: var(--navigation-top-area-height); 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-top > li > a { 
display: block; 
width: auto; 
margin: 0 6px 0 0; 
padding: 12px 0; 
border-right: 1px solid var(--navigation-border-color); 
border-top-left-radius: 4px; 
border-top-right-radius: 4px; 
/* text-indent: 25px; */
font: bold 1em/16px var(--navigation-font-family); 
} 

#menu-top > li:first-child > a { 
border-left: 1px solid var(--navigation-border-color); 
} 

#menu-top > .menu-option > a { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left top; 
color: var(--menu-top-link-color); 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top > .menu-option > a:hover { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left center; 
color: var(--menu-top-hover-link-color); 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top > .menu-option-active > a, #menu-top > .menu-option-active > a:hover { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left bottom; 
color: var(--menu-top-active-link-color); 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top .menu-option a span, #menu-top .menu-option-active a span { 
display: block; 
margin: 0; 
padding: 0; 
} 

/* Dropdown menu properties and values */

#menu-top ul { 
list-style-type: none; 
z-index: 100; 
margin: 0; 
padding: 0; 
} 

#menu-top ul li { 
position: relative; 
display: block; 
min-width: 185px; 
height: 30px; 
background-color: transparent; 
margin: 0; 
padding: 0; 
border-top: 1px solid var(--navigation-border-color); 
border-right: 1px solid var(--navigation-border-color); 
border-bottom: 0; 
border-left: 1px solid var(--navigation-border-color); 
text-align: left; 
font: normal 0.9em/20px var(--navigation-font-family); 
color: var(--submenu-top-link-color); 
} 

#menu-top ul li a:before { 
content: '\203A\00A0'; 	/* Single right-pointing angle quotation mark */
} 

#menu-top ul li a, #menu-top ul li a:link { 
display: block; 
width: auto; 
background: transparent url('../../public/gfx/dropdown_menu_options.png') repeat-x left top; 
margin: 0; 
padding: 5px 10px; 
border-bottom: 1px solid var(--navigation-border-color); 
text-indent: 5px; 
white-space: nowrap; 
color: var(--submenu-top-active-link-color); 
text-decoration: none; 
} 

#menu-top ul li a:hover { 
background: transparent url('../../public/gfx/dropdown_menu_options.png') repeat-x left bottom; 
color: var(--submenu-top-hover-link-color); 
text-decoration: none; 
} 

#menu-top ul li ul { 
left: 0; 
top: 0; 
margin: -1px 0 0 -2px; 
} 

#menu-top ul li ul li { 
display: list-item; 
float: none; 
} 

#menu-top ul li ul li ul { 
left: 0; 
top: 0; 
margin: -1px 0 0 -2px; 
} 

.dropdown-menu-arrow-down { 
position: absolute; 
display: none; 
top: 11px; 
right: 10px; 
width: 11px; 
height: 8px; 
} 

.dropdown-menu-arrow-down:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
line-height: 8px; 
content: '\00A0\F078'; 
} 

.dropdown-menu-arrow-right { 
position: absolute; 
right: 10px; 
width: 11px; 
height: 11px; 
} 

.dropdown-menu-arrow-right:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
line-height: 11px; 
content: '\00A0\F054'; 
} 

.dropdown-menu-shadow { 
position: absolute; 
left: 0; 
top: 0; 
width: 0; 
height: 0; 
background-color: transparent; 
color: inherit; 
} 

.top-level-shadow { 
opacity: 0.8; 
} 

/* Top submenu properties and values */

ul#menu-top-submenu { 
list-style-type: none; 
position: relative; 
left: auto; 
top: auto; 
width: auto; 
height: 25px; 
background-color: transparent; 
margin: 0; 
border: 0; 
text-align: left; 
color: inherit; 
} 

#menu-top-submenu li { 
display: inline; 
float: left; 
clear: right; 
width: 15%; 
height: 25px; 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-top-submenu li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 7px 0 3px; 
border: 0; 
font: bold 0.9em/15px var(--navigation-font-family); 
} 

#menu-top-submenu .menu-option a { 
background-color: transparent; 
color: var(--submenu-top-link-color); 
text-decoration: none; 
} 

#menu-top-submenu .menu-option a:hover { 
background-color: transparent; 
color: var(--submenu-top-hover-link-color); 
text-decoration: none; 
} 

#menu-top-submenu .menu-option-active a, #menu-top-submenu .menu-option-active a:hover { 
background-color: transparent; 
color: var(--submenu-top-active-link-color); 
text-decoration: none; 
} 

#menu-top-submenu li a span { 
display: block; 
} 

/* SideBar menus properties and values */

ul#menu-left, ul#menu-right { 
list-style-type: none; 
position: relative; 
display: block; 	/* block || none */
z-index: 4; 
width: auto; 
background-color: transparent; 
margin: 0 auto 1.5rem; 
border: 0; 
text-align: left; 
color: inherit; 
} 

/* Left menu properties and values */

#menu-left li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

#menu-left li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 10px 25px; 
border-bottom: 1px solid var(--navigation-border-color); 
/* text-indent: 25px; */
font: bold 1em/16px var(--navigation-font-family); 
} 

#menu-left li:first-child a { 
border-top: 1px solid var(--navigation-border-color); 
} 

#menu-left li.menu-option a { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left top; 
color: var(--menu-left-link-color); 
text-decoration: none; 
} 

#menu-left li.menu-option a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left center; 
color: var(--menu-left-hover-link-color); 
text-decoration: none; 
} 

#menu-left li.menu-option-active a, #menu-left li.menu-option-active a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left bottom; 
color: var(--menu-left-active-link-color); 
text-decoration: none; 
} 

#menu-left li a span { 
display: block; 
} 

/* Right menu properties and values */

#menu-right li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

#menu-right li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 10px 25px; 
border-bottom: 1px solid var(--navigation-border-color); 
/* text-indent: 25px; */
font: bold 1em/16px var(--navigation-font-family); 
} 

#menu-right li:first-child a { 
border-top: 1px solid var(--navigation-border-color); 
} 

#menu-right li.menu-option a { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left top; 
color: var(--menu-right-link-color); 
text-decoration: none; 
} 

#menu-right li.menu-option a:hover { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left center; 
color: var(--menu-right-hover-link-color); 
text-decoration: none; 
} 

#menu-right li.menu-option-active a, #menu-right li.menu-option-active a:hover { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left bottom; 
color: var(--menu-right-active-link-color); 
text-decoration: none; 
} 

#menu-right li a span { 
display: block; 
} 

/* Menus child groups properties and values */

ul.menu-option-child-group, ul.menu-option-child-subgroup { 
list-style-type: none; 
width: auto; 
background-color: transparent; 
margin: 0; 
padding: 0; 
text-align: left; 
color: inherit; 
} 

.menu-option-child-group li, .menu-option-child-subgroup li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

.menu-option-child-group li a:before, .menu-option-child-subgroup li a:before { 
content: '\203A\00A0'; 	/* Single right-pointing angle quotation mark */
} 

.menu-option-child-group li a, .menu-option-child-subgroup li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 4px 25px; 
border-top: 1px solid var(--navigation-border-color); 
} 

.menu-option-child-subgroup li a { 
text-indent: 10px; 
} 

/* Bottom area properties and values */

#bottom-area { 
position: relative; 
display: block; 	/* block || none */
z-index: 3; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
background: transparent url('../../public/gfx/bottom_area_bg.png') repeat left top; 
margin: 0 auto; 
border: 0; 
text-align: center; 
font: bold 1em/1em var(--navigation-font-family); 
color: inherit; 
} 

#bottom-area-inner { 
display: block; 
clear: both; 
width: auto; 
height: var(--navigation-bottom-area-height); 
margin: 0 1.5rem; 
border: 0; 
vertical-align: top; 
text-align: center; 
} 

/* Bottom menu box properties and values */

#menu-bottom-box { 
position: relative; 
display: block; 
width: 100%; 
margin: 0 auto; 
} 

/* Bottom menu properties and values */

ul#menu-bottom { 
list-style-type: none; 
position: relative; 
display: inline-block; 
left: auto; 
top: auto; 
width: auto; 
height: var(--navigation-bottom-area-height); 
background-color: transparent; 
margin: 0 auto; 
border: 0; 
text-align: center; 
color: inherit; 
} 

#menu-bottom li { 
display: inline; 
float: left; 
clear: right; 
height: var(--navigation-bottom-area-height); 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-bottom li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 6px 25px 18px; 
border: 0; 
font: bold 1em/16px var(--navigation-font-family); 
} 

#menu-bottom .menu-option a { 
background-color: transparent; 
color: var(--menu-bottom-link-color); 
text-decoration: none; 
} 

#menu-bottom .menu-option a:hover { 
background-color: transparent; 
color: var(--menu-bottom-hover-link-color); 
text-decoration: none; 
} 

#menu-bottom .menu-option-active a, #menu-bottom .menu-option-active a:hover { 
background-color: transparent; 
color: var(--menu-bottom-active-link-color); 
text-decoration: none; 
} 

#menu-bottom .menu-option a span, #menu-bottom .menu-option-active a span { 
display: block; 
} 

/* @media screen end */

} 

/**//* Side bars properties and values */

.side-bar .record-container h3.title { 
background-image: none; 
margin-bottom: 0.3rem; 
font-weight: bold; 
font-size: 1.1em; 
} 

.side-bar .record-container h3.title a, .side-bar .record-container h3.title a:hover { 
text-decoration: none; 
} 

.side-bar div.record-text { 
text-align: left; 
} 

/* Screen only rules */

@media screen and (max-width: 600px) { 
.side-bar { 
display: none; 
} 
} 

/**/@media print { 

/* Generic elements properties and values */

html, body { 
width: 210mm; 
height: auto; 
} 

body { 
font-size: 82.5%; 
line-height: var(--base-line-height); 
font-family: var(--print-font-family); 
} 

a, a:link, a:visited { 
color: var(--print-link-color); 
text-decoration: none; 
} 

a, a > * { 
text-decoration: inherit; 
} 

h1, h2, h3, h4, h5, h6 { 
background-color: transparent; 
margin: 0 0 2mm; 
text-align: left; 
font-style: normal; 
font-weight: normal; 
line-height: var(--base-line-height); 
color: inherit; 
} 

h1 { 
font-size: var(--heading-1-font-size); 
} 

h2 { 
font-size: var(--heading-2-font-size); 
} 

h3 { 
font-size: var(--heading-3-font-size); 
} 

h4 { 
font-size: var(--heading-4-font-size); 
} 

h5 { 
font-size: var(--heading-5-font-size); 
} 

h6 { 
font-size: var(--heading-6-font-size); 
} 

hr { 
margin: 2mm 0 4mm; 
color: var(--print-border-color); 
} 

mark { 
font-style: normal; 
font-weight: normal; 
} 

form { 
margin: 0 auto !important; 
padding: 0 !important; 
page-break-before: avoid; 
page-break-after: auto; 
} 

label { 
font-weight: bold; 
} 

input, select, option, textarea { 
font: normal 99%/160% var(--forms-font-family); 
} 

input, select, textarea { 
border: 1px solid var(--print-border-light-color); 
border-radius: 3px; 
box-shadow: 0px 0px 5px var(--print-box-shadow-light-color) inset; 
} 

input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { 
background-color: var(--print-form-field-background-color); 
padding: 7px; 
color: var(--print-form-field-text-color); 
} 

input[type="number"] { 
max-width: 50px; 
} 

input[type="checkbox"], input[type="radio"] { 
width: 13px; 
height: 13px; 
} 

input[type="checkbox"], input[type="radio"], input[type="image"] { 
background-color: transparent; 
border: 0; 
vertical-align: middle; 
color: inherit; 
} 

button, input[type="button"], input[type="reset"], input[type="submit"] { 
height: 34px; 
padding: 0 25px; 
border-top: 1px solid var(--print-border-middle-color); 
border-right: 1px solid var(--print-border-light-color); 
border-bottom: 1px solid var(--print-border-light-color); 
border-left: 1px solid var(--print-border-middle-color); 
border-radius: 0.3em; 
box-shadow: 0 2px 3px 0 rgba(255,255,255,.3) inset, 0 -3px 6px 0 rgba(0,0,0,.2) inset, 0 3px 2px 0 rgba(0,0,0,.2); 
font-weight: normal; 
text-shadow: 0 1px 1px var(--print-text-shadow-color); 
} 

button, input[type="button"], input[type="reset"], input[type="submit"] { 
background-color: var(--print-form-button-background-color); 
background-image: var(--button-background-image-linear-gradient); 
color: var(--print-form-button-text-color); 
} 

.button { 
/*
background-color: transparent; 
border: 0; 
*/
color: var(--print-form-button-text-color); 
} 

button.button-image, input[type="image"] { 
margin: 0; 
padding: 0; 
border-radius: initial; 
box-shadow: none; 
text-shadow: none; 
} 

button.button-image { 
height: initial; 
background-color: transparent; 
background-image: none; 
box-shadow: none; 
border: 0; 
} 

.button-image > img { 
max-width: initial !important; 
} 

select, option, textarea { 
background-color: var(--print-form-field-background-color); 
color: var(--print-form-field-text-color); 
} 

select { 
padding: 5px 3px; 
} 

option { 
padding: 1px 8px; 
} 

textarea { 
vertical-align: top; 
overflow: auto; 
} 

table, caption, thead, tbody, tfoot, tr, th, td { 
font-weight: normal; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

table { 
position: relative; 
table-layout: auto; 
caption-side: top; 
empty-cells: show; 
width: auto; 
margin: 0 auto 1rem; 
} 

tfoot { 
font-size: 0.9em; 
} 

caption { 
caption-side: top; 
text-align: center; 
font-weight: bold; 
line-height: 180%; 
} 

ul, ol, dl { 
text-align: left; 
} 

ul { 
list-style-type: square; 
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 20px; 
} 

ol { 
list-style-type: decimal; 
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 30px; 
} 

dl { 
margin: 0 0 6px 20px; 
} 

li { 
margin: 0 0 0.6rem; 
} 

li ol, li ul { 
margin: 0 0 0.6rem 1.5rem; 
} 

dt { 
margin: 0 0 0.3rem; 
} 

dd { 
margin: 0 0 0.6rem 0.5rem; 
} 

/* Apply fluid sizes on media elements */

audio, embed, figure, img, object, video { 
max-width: 100%; 
height: auto; 
} 

video { 
width: 100% !important; 
height: auto !important; 
} 

/* Preserve accessibility by taking elements out of view-port */

.screen-reader-only { 
position: absolute; 
top: -999999em; 
left: auto; 
width: 1px; 
height: 1px; 
overflow: hidden; 
} 

/* Clearfix */

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

.clearfix:after { 
clear: both; 
} 

/* Clear */

.clear { 
display: block; 
visibility: hidden; 
float: none; 
clear: both; 
width: 0; 
height: 0; 
font-size: 1px; 
line-height: 0; 
overflow: hidden; 
} 

/* Responsive */

.responsive { 
float: none; 
clear: both; 
padding: 0; 
} 

/* Invisible */

.invisible { 
display: none !important; 
} 

/* Page properties and values */

body#page, body#page-intro, body#page-tabs, body#page-closeup { 
position: relative; 
left: auto; 
top: auto; 
background-color: var(--print-background-color); 
color: var(--print-text-color); 
} 

body#page, body#page-intro, body#page-tabs, body#page-closeup { 
padding: 0; 
} 

#background-canvas { 
display: none; 
} 

#jumbotron-photo, #jumbotron { 
display: none; 
} 

#wrapper, #wrapper-intro, #wrapper-closeup { 
position: relative; 
z-index: 0; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 auto; 
} 

#wrapper-intro { 
overflow: hidden; 
} 

#wrapper-closeup { 
padding: 0; 
text-align: center; 
} 

#wrapper:last-child, #wrapper-intro:last-child, #wrapper-closeup:last-child { 
page-break-after: auto; 
} 

/* Groups properties and values */

.group:after { 
content: ''; 
display: table; 
clear: both; 
} 

/* Layout properties and values */

#layout { 
position: relative; 
z-index: -1; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 auto; 
} 

#layout-inner, #layout-inner-box { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

/* Containers */

.container { 
width: auto; 
margin: 0 auto; 
} 

/* Headings */

h3.title, h4.title { 
position: relative; 
display: block; 
clear: both; 
} 

h3.group.title { 
margin: 0 auto 1rem; 
border-bottom: 1px solid var(--print-border-color); 
} 

.group.title > span:first-child { 
display: inline-block; 
text-indent: 1em; 
font-weight: bold; 
} 

/* Links */

/* Text & Content Blocks */

blockquote.simple { 
margin-bottom: 1.5rem; 
padding-left: 1em; 
border-left: 2px solid var(--print-border-middle-color); 
} 

blockquote.simple .quote-content { 
margin-top: 0.8rem; 
} 

blockquote.quotation { 
quotes: '\201C' '\201D' '\2018' '\2019'; 
margin: 1rem 2rem 1.5rem 1rem; 
padding: 1.2em 1.8em 1.6em 1.2em; 
border-left: 4px solid var(--print-border-middle-color); 
} 

blockquote.quotation:before { 
content: open-quote; 
margin-right: 0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
} 

blockquote.quotation:after { 
content: close-quote; 
float: right; 
margin-left: -0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
} 

blockquote.quotation .quote-content { 
display: inline; 
font-style: oblique; 
} 

blockquote.quotation .quote-content p { 
margin: -1.5rem 3rem 0; 
} 

blockquote.quotation .quote-meta { 
display: block; 
margin: 0 3rem; 
text-align: right; 
} 

blockquote.speech-bubble { 
overflow: hidden; 
} 

blockquote.speech-bubble .quote-content { 
position: relative; 
padding: 1.2em 2em 1em 2.2em; 
border-left: 2px solid var(--print-border-middle-color); 
font-style: oblique; 
} 

blockquote.speech-bubble .quote-content:after { 
content: ''; 
position: absolute; 
display: block; 
left: 50px; 
bottom: -16px; 
width: 0; 
border-width: 16px 0 0 20px; /* Values for the angle of the arrow */
border-style: solid; 
border-color: var(--print-border-middle-color) transparent; 
} 

blockquote.speech-bubble .quote-meta { 
float: right; 
background: no-repeat left top; 
margin-top: 1rem; 
padding-top: 0.166em; 
padding-left: 33px; 
text-align: right; 
} 

blockquote.speech-bubble .quote-meta.author-male { 
background: url('../../public/gfx/testimonials/testimonial_author_male.png') no-repeat left top; 
} 

blockquote.speech-bubble .quote-meta.author-female { 
background: url('../../public/gfx/testimonials/testimonial_author_female.png') no-repeat left top; 
} 

/* Header properties and values */

#header { 
display: none !important; 
} 

#header-print { 
position: relative; 
display: block; 
z-index: 2; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
vertical-align: top; 
text-align: left; 
} 

#logo-container-print { 
display: inline; 
} 

/* Logo */

img#logo-print { 
float: left; 
clear: both; 
margin: 0 0 1.5rem; 
vertical-align: top; 
} 

/* Stage properties and values */

#stage { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
vertical-align: top; 
text-align: left; 
} 

/* Top area properties and values */

#top-area { 
display: none !important; 
} 

/* Search area properties and values */

#search-area { 
display: none !important; 
} 

/* Main area properties and values */

#main-area { 
position: relative; 
display: block; 
z-index: 2; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
margin: 0 auto; 
vertical-align: top; 
text-align: left; 
} 

#main-area-banner { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

#main-area-banner img { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 1.5rem; 
} 

#main-area-left, #main-area-right { 
display: none !important; 
} 

#main-area-center { 
position: relative; 
display: block; 
z-index: 3; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
vertical-align: top; 
} 

/* Main container properties and values */

#main-container { 
position: relative; 
display: block; 
z-index: 3; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 auto; 
vertical-align: top; 
text-align: left; 
} 

/* Breadcrumbs */

#breadcrumb-trail { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
vertical-align: middle; 
text-align: left; 
font-weight: normal; 
line-height: 1.2em; 
page-break-after: avoid; 
} 

#breadcrumb-trail a { 
color: var(--print-text-color); 
text-decoration: none; 
} 

ul#sections-trail { 
list-style-type: none; 
margin: 0 0 0.8rem; 
} 

#sections-trail li { 
display: inline; 
padding: 0; 
} 

#sections-trail li.root-section { 
display: inline; 
} 

#sections-trail li:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F105\00A0'; 
} 

#sections-trail li:after { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

#breadcrumb-trail-tree a { 
color: var(--print-text-color); 
text-decoration: none; 
} 

/* Boxes */

.record-box { 
/* position: relative; */
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
margin-bottom: 1rem; 
vertical-align: top; 
text-align: left; 
} 

.summary-box { 
padding: 0; 
} 

.grid-box-block, .grid-box-inline, .grid-box-break { 
display: block; 
clear: both; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 auto; 
} 

/* Columns */

.one-half, .one-third, .one-fourth, .one-fifth, .two-thirds, .three-fourths { 
display: block; 
float: none; 
clear: both; 
width: 100%; 
max-width: initial; 
margin-right: 0; 
} 

.last-column { 
margin-right: auto !important; 
} 

/* Panels */

.group.last-column { 
position: relative; 
display: block; 
z-index: 5; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 auto; 
} 

#first-section-area, #second-section-area, #third-section-area { 
padding: 0; 
} 

/* Records properties and values */

div.record-container { 
width: auto; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

.record-container .pretitle { 
position: relative; 
display: block; 
margin: 0 0 0.1rem; 
font-style: oblique; 
font-weight: bold; 
} 

#first-section-area .record-container h3.title, #second-section-area .record-container h3.title, #third-section-area .record-container h3.title { 
display: none; 
} 

.record-text { 
margin: 0 0 1rem; 
text-align: justify; 
} 

.grid-box-inline .record-text, .grid-box-break .record-text { 
text-align: justify; 
} 

.record-text-2-columns { 
column-count: 2; 
column-gap: 1.8rem; 
} 

.record-text-3-columns { 
column-count: 3; 
column-gap: 1.5rem; 
} 

.record-text-4-columns { 
column-count: 4; 
column-gap: 1.2rem; 
} 

.record-text a:link, .record-text a:visited { 
color: var(--print-link-color); 
} 

.record-text a:link:after, .record-text a:visited:after { 
content: ' (' attr(href) ') '; 
font-size: 90%; 
} 

.record-text p { 
/* margin: 0 0 1rem; */
} 

.record-text ul li ul { 
list-style-type: circle; 
margin-top: 0.8rem; 
} 

.record-text ul li ul li ul { 
list-style-type: none; 
} 

div.record-more-content { 
position: relative; 
display: block; 
width: auto; 
margin: 0.1rem 0; 
text-align: right; 
font-weight: bold; 
} 

.record-more-content a span { 
display: inline-block; 
padding: 0 20px 0 0; 
} 

div.record-details { 
position: relative; 
display: block; 
width: auto; 
margin: 0.4rem 1rem 0.6rem 2rem; 
vertical-align: top; 
text-align: left; 
} 

.record-details > div { 
position: relative; 
display: block; 
width: auto; 
margin: 0 2rem 0.2rem 1rem; 
} 

.record-details div span { 
display: inline-block; 
} 

.record-details div > span:first-child:after { 
content: ':'; 
} 

span.label-scope { 
font-weight: bold; 
} 

span.no-ratings-votes, span.total-ratings-votes { 
background-color: transparent; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

span.no-ratings-votes { 
color: var(--print-highlighted-text-color); 
} 

.append-colon:after { 
content: ':' !important; 
} 

div.expand-content { 
display: none; 
} 

img.rating, img.administration-flag { 
display: inline; 
max-width: initial !important; 
} 

ul.record-related li { 
list-style-type: none; 
text-indent: 15px; 
font-weight: bold; 
} 

figure.record-collection { 
position: relative; 
display: block; 
clear: both; 
vertical-align: top; 
} 

.record-collection figcaption { 
position: relative; 
display: block; 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1.1em; 
} 

.italicized { 
font-style: italic; 
font-size: 0.916rem; 
} 

.note { 
color: var(--note-text-color); 
} 

.no-records-message { 
background-color: transparent; 
background-image: none; 
margin: 0 0 1rem; 
padding: 3px 10px; 
text-align: left; 
font: normal 90%/160% var(--messages-font-family); 
color: var(--print-highlighted-text-color); 
} 

/* Navigator properties and values */

.navigator-box { 
display: none; 
} 

/* Record tools properties and values */

div.record-tools { 
display: none; 
} 

/* Search results properties and values */

div.group.last-column + div.search-results-box { 
margin-top: 0; 
} 

div.search-results-box { 
margin: 1rem 0 0.5rem; 
border-bottom: 1px solid var(--print-border-color); 
text-align: right; 
font-weight: bold; 
} 

.search-results-box p { 
padding: 0 1em 0.1em; 
} 

.search-results-box p span { 
font-size: 0.9em; 
} 

span.search-string-highlighted { 
background-color: var(--print-highlighted-background-color); 
font-weight: bold; 
color: var(--print-highlighted-text-color); 
} 

.record-details > div > span.search-string-highlighted:after { 
content: ''; 
} 

/* Site map properties and values */

ul.site-map-pages { 
list-style-type: none; 
margin: 0 0 1em 5em; 
padding: 0; 
text-align: left; 
font-weight: bold; 
} 

.site-map-pages li { 
margin: 0 0 0.6rem; 
padding: 0; 
} 

.site-map-pages li a span { 
display: inline-block; 
vertical-align: middle; 
margin: 0 0.4em 0 0; 
} 

.site-map-pages li a span:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0'; 
} 

/* Personal menu properties and values */

#personal-menu, #personal-menu-session-info, #personal-menu-box { 
position: relative; 
display: block; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
font-weight: bold; 
} 

#personal-menu { 
z-index: 4; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

#personal-menu-session-info { 
z-index: 5; 
margin: 0 auto 1rem; 
vertical-align: middle; 
text-align: right; 
} 

.session-user-info { 
display: block; 
float: right; 
vertical-align: middle; 
line-height: 1.8rem; 
} 

.session-user-info * { 
position: relative; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

.session-user-photo { 
display: inline-block; 
overflow: hidden; 
width: 36px; 
height: 36px; 
margin-right: 0.6rem; 
border-radius: 50%; 
} 

.session-user-photo img.user-photo-rounded { 
display: block; 
width: 100%; 
height: 100%; 
margin: 0 auto; 
border-radius: 50%; 
object-fit: cover; 
} 

span.session-user-name { 
display: inline; 
padding: 3px 0 1px; 
} 

button.button-logout { 
display: none; 
} 

#personal-menu-box { 
display: none; 
} 

/* Personal folder and files properties and values */

.personal-folder-location { 
margin: 0 auto; 
vertical-align: baseline; 
text-align: center; 
font-weight: bold; 
} 

.personal-folder-location button { 
display: inline; 
margin: 0 3px; 
} 

.personal-files-list:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0\00A0'; 
} 

.personal-files-list { 
margin: 0 0 0.8rem; 
padding: 0 0.3em; 
border-bottom: 1px dashed var(--print-border-light-color); 
text-align: left; 
font-weight: bold; 
line-height: 25px; 
} 

.personal-files-list span { 
display: inline; 
font-size: 0.8em; 
} 

/* Result message properties and values */

.group.last-column .operation-result-message { 
margin: 0 1em; 
vertical-align: top; 
text-align: center; 
} 

.operation-result-message h2, .operation-result-message h3 { 
display: block; 
background-image: none; 
margin: 0 auto 0.5rem; 
padding: 0; 
text-align: center; 
} 

.operation-result-message h2 { 
margin-top: 1rem; 
font-size: var(--heading-1-font-size); 
line-height: var(--base-line-height); 
} 

.operation-result-message h3 { 
font-size: 1.6em; 
line-height: 130%; 
} 

.operation-result-message p { 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1em; 
} 

/* Liability message properties and values */

span.liability-message { 
background-color: transparent; 
font-size: 0.9em; 
line-height: 130%; 
color: var(--print-highlighted-text-dark-color); 
} 

/* Bottom area properties and values */

#bottom-area { 
display: none !important; 
} 

/* Footer properties and values */

#footer { 
display: none !important; 
} 

#footer-print { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
margin: 0 auto; 
padding: 5mm 0 3mm; 
vertical-align: top; 
text-align: center; 
font-size: 0.9em; 
line-height: 1.4em; 
} 

#owner-name-print { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 1.5mm; 
padding: 0; 
text-align: center; 
} 

#owner-name-print li { 
display: inline; 
padding: 0 1.2mm; 
} 

#owner-address-print { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 1.5mm; 
padding: 0; 
text-align: center; 
} 

#owner-address-print li { 
display: inline; 
padding: 0 1.2mm; 
} 

#owner-contacts-print { 
list-style-type: none; 
margin: 0 auto; 
padding: 0; 
text-align: center; 
} 

#owner-contacts-print li { 
display: inline; 
padding: 0 1.2mm; 
} 

/* Copyrights properties and values */

#copyrights { 
display: none; 
} 

/* Scroll Up properties and values */

a.scroll-up { 
display: none; 
visibility: hidden; 
} 

/* Terms Of Service properties and values */

#terms-of-service, #terms-of-service-curtain { 
display: none; 
visibility: hidden; 
} 

/* Privacy Policy properties and values */

a.privacy-policy { 
display: none; 
visibility: hidden; 
} 

/* Dashboard properties and values */

#cookies-usage-policy, #dashboard-switcher { 
display: none; 
visibility: hidden; 
} 

/* Images properties and values */

#slideshow-controls, #slideshow-play, #closeup-controls { 
display: none !important; 
visibility: hidden; 
} 

/* @media print end */

} 

/**//* Forms properties and values */

div.form-box { 
position: relative; 
width: auto; 
margin: 0 auto 1rem; 	/* 0 10% 1rem */
padding-top: 0.5em; 
line-height: 200%; 
} 

.form-box fieldset { 
margin: 0 auto; 
font-size: 1em; 
} 

.form-box > fieldset { 
display: block; 
width: auto; 
} 

.form-box legend { 
padding: 0 0.3em; 
font-style: normal; 
font-weight: bold; 
} 

.form-box legend a, .form-box legend a:link, .form-box legend a:visited, .form-box legend a:hover, .form-box legend a:active { 
color: inherit; 
text-decoration: none; 
} 

.form-box div { 
clear: both; 
margin: 0 auto 0.8rem; 
padding: 0; 
overflow: hidden; 
} 

.form-box div h3 { 
display: block; 
width: 90%; 
background-color: transparent; 
background-image: none; 
margin: 0.5rem 0 0; 
padding: 0 0 2px; 
text-indent: 0.5em; 
font-weight: normal; 
font-size: 1em; 
line-height: var(--base-line-height); 
text-transform: uppercase; 
color: inherit; 
} 

.form-box div p.form-notice { 
margin-left: 3rem; 
font-weight: bold; 
font-size: 0.9em; 
} 

.form-box div p.form-caption { 
margin-left: 32%; 	/* 32% */
} 

p.form-notice { 
margin: 0 3rem; 
text-align: center; 
} 

p.form-info { 
float: right; 
margin: 0 6rem; 
vertical-align: middle; 
text-align: center; 
} 

.form-info span { 
display: inline-block; 
padding: 4px 0 1px; 
font-weight: bold; 
color: inherit; 
} 

.form-info a, .form-info a:hover { 
text-decoration: none; 
} 

button.button-clipart { 
display: inline; 	/* none || inline */
float: right; 
width: 16px; 
margin: 0 0 0 0.6rem; 
} 

.button-clipart img { 
display: inline; 	/* none || inline */
max-width: initial !important; 
} 

.form-box p.form-subtitle { 
display: block; 
margin: 0.3rem 15%; 
font-weight: bold; 
} 

.form-box .form-row > label, .form-box .form-row > label.label-text { 
display: block; 
float: left; 
width: 30%; 	/* 30% */
margin-right: 2%; 	/* 2% */
padding-top: 5px; 
text-align: right; 
} 

.form-box .form-row > label.label-text { 
padding-top: 0; 
} 

.form-box input[type="text"], .form-box input[type="password"], .form-box input[type="search"], .form-box input[type="email"], .form-box input[type="tel"], .form-box input[type="url"], .form-box input[type="number"], .form-box input[type="range"], .form-box input[type="date"], .form-box input[type="month"], .form-box input[type="week"], .form-box input[type="time"], .form-box input[type="datetime"], .form-box input[type="datetime-local"], .form-box input[type="color"] { 
width: 40%; 
vertical-align: middle; 
} 

.form-box select { 
width: 40%; 
} 

.form-box textarea { 
width: 55%; 
} 

.form-box input[type="text"].text-tiny, .form-box select.select-tiny { 
width: 5%; 
} 

.form-box select.select-days { 
width: 5%; 
} 

.form-box select.select-months, .form-box select.select-data-amount { 
width: 15%; 
} 

.form-box select.select-years { 
width: 6%; 
} 

.form-box input.text-numbers-only, .form-box input[type="text"].text-color-picker { 
width: 12%; 
} 

.form-box input[type="text"].text-x-small, .form-box select.select-x-small { 
width: 12%; 
} 

.form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
width: 15%; 
} 

.form-box input[type="text"].text-small, .form-box input[type="password"].text-small, .form-box select.select-small { 
width: 20%; 
} 

.form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium { 
width: 40%; 
} 

.form-box input[type="text"].text-big, .form-box select.select-big { 
width: 55%; 
} 

.form-box input[type="file"] { 
width: 50%; 
vertical-align: baseline; 
} 

.form-box input[type="file"].file-upload { 
width: 50%; 
} 

.form-box textarea.textarea-x-small { 
height: 65px; 
} 

.form-box textarea.textarea-small { 
height: 100px; 
} 

.form-box textarea.textarea-medium, .form-box textarea.textarea-medium-wysiwyg { 
height: 300px; 
} 

.form-box textarea.textarea-big, .form-box textarea.textarea-big-wysiwyg { 
height: 450px; 
} 

::placeholder { 
color: rgb(155,155,155); 
opacity: 0.5; 
} 

.form-box .annotation { 
display: block; 
clear: both; 
margin: 0 0 0 32%; 	/* 0 0 0 32% */
text-align: left; 
font-weight: bold; 
font-size: 0.8em; 
} 

.form-box .password-strength { 
display: block; 
clear: both; 
width: 200px; 
text-align: left; 
font-weight: bold; 
font-size: 0.8em; 
} 

.password-strength-bar { 
float: left; 
width: 0px; 
height: 3px; 
margin: 3px 0; 
font-size: 1px; 
line-height: 0; 
} 

.form-box fieldset fieldset { 
display: block; 
width: 80%; 
margin: 0.3rem auto 0.8rem; 
padding: 0 1em; 
} 

.form-box fieldset fieldset.fieldset-small { 
width: 40%; 
} 

.form-box fieldset fieldset.fieldset-medium { 
width: 60%; 
} 

.form-box fieldset fieldset.fieldset-big { 
width: 80%; 
} 

.form-box fieldset fieldset legend { 
font-style: italic; 
font-weight: bold; 
} 

.form-box ul.form-list-horizontal { 
margin: 0.5rem 1rem 1rem; 
} 

.form-box ul.form-list-vertical { 
margin: 0.5rem auto 1rem 32%; 	/* 0.5rem auto 1rem 32% */
} 

.form-box ul.form-list-horizontal *, .form-box ul.form-list-vertical * { 
vertical-align: middle; 
} 

.form-box ul.form-list-horizontal li { 
list-style-type: none; 
display: inline; 
margin: 0; 
padding: 0 0.8em 0 1em; 
} 

.form-box ul.form-list-vertical li { 
list-style-type: none; 
display: block; 
margin: 0; 
padding: 0.3em 0.8em 0.2em; 
} 

.form-box ul.form-list-horizontal li label { 
display: inline; 
} 

.form-box ul.form-list-vertical li label { 
display: inline; 
margin: 0 5px; 
} 

.form-box ul.form-list-horizontal li span { 
font-weight: bold; 
} 

.form-box ul.form-list-vertical li span { 
font-weight: bold; 
} 

.form-box img.set-date { 
display: inline; 
max-width: initial !important; 
vertical-align: middle; 
} 

.form-box .form-row.rating { 
margin: 0 auto 0.2rem; 
} 

.form-box img.rating { 
display: inline-block; 
max-width: initial !important; 
vertical-align: middle; 
margin: 0 0 3px; 
} 

.form-box .form-row.rating + .form-row { 
margin: 0 auto 0.4rem; 
} 

.form-box .form-row-block { 
display: block; 
clear: both; 
margin: 0.5rem auto 1rem; 
} 

.form-box .form-buttons { 
display: block; 
clear: both; 
margin: 1rem 0; 
padding: 0 0 0 32%; 	/* 0 0 0 32% */
} 

.form-buttons .button { 
position: relative; 
display: inline; 
left: auto; 
top: auto; 
min-width: 120px; 
margin: 0 0.5rem 0 0; 
} 

/* Hint box properties and values */

em.hint-box { 
position: absolute; 
display: none; 
right: -25px; 
width: 220px; 
background: var(--hintbox-background-color) url('../../public/gfx/accessibility/hint_box_pointer.png') no-repeat -10px 5px; 
margin-top: -4px; 
padding: 10px 12px; 
border: 1px solid var(--hintbox-border-color); 
font-style: normal; 
font-size: 0.9em; 
line-height: 130%; 
color: var(--hintbox-text-color); 
} 

.hint-box em.hint-box-pointer { 
position: absolute; 
top: 5px; 
left: -10px; 
width: 10px; 
height: 19px; 
background: transparent url('../../public/gfx/accessibility/hint_box_pointer.png') no-repeat left top; 
color: inherit; 
} 

/* Upload preview properties and values */

#upload-preview-filename, #upload-preview-filesize, #upload-preview-filetype { 
display: block; 
clear: both; 
} 

/* Captcha properties and values */

.captcha-container { 
clear: both; 
margin: 0 auto; 
overflow: hidden; 
} 

.captcha-random-image, .captcha-security-code { 
position: relative; 
display: inline-block; 
float: left; 
clear: right; 
} 

.captcha-random-image img { 
display: block; 
max-width: initial !important; 
margin: 1.5rem 2rem 0; 
} 

/* Available characters properties and values */

.available-characters { 
font-size: 0.85em; 
} 

.available-characters span { 
font-weight: bold; 
} 

/* Message preview properties and values */

div.preview-message { 
width: 90% !important; 
background-color: var(--print-background-color); 
margin: 0 auto; 
padding: 15px 15px 20px; 
border: 1px dashed var(--base-border-light-color); 
text-align: justify; 
word-wrap: break-word; 
font-size: 0.9em; 
line-height: 130%; 
color: var(--base-text-dark-color); 
} 

span.preview-message-highlighted { 
background-color: transparent; 
padding: 0 3px; 
color: var(--highlighted-text-color); 
} 

/* Messages properties and values */

div.message-panel { 
display: block; 
clear: both; 
margin: 0 auto 1rem; 
padding: 0.8em 2em 1.2em 5em; 
border-radius: 7px; 
font: normal 90%/180% var(--messages-font-family); 
overflow: hidden; 
} 

.message-panel a, .message-panel a:link, .message-panel a:visited, .message-panel a:hover, .message-panel a:active { 
background-color: transparent; 
color: var(--hintbox-text-color); 
text-decoration: underline; 
} 

.message-panel p { 
float: left; 
clear: both; 
width: 90%; 
background-color: transparent; 
color: var(--hintbox-text-color); 
} 

.message-panel p span { 
display: inline-block; 
margin-bottom: 0.2rem; 
font-weight: bold; 
} 

.operation-info { 
background-color: var(--message-info-background-color); 
background-image: url('../../public/gfx/operations/icon_operation_info.png'); 
border: 1px solid var(--message-info-border-color); 
} 

.operation-info p span { 
color: var(--message-info-text-color); 
} 

.operation-attention { 
background-color: var(--message-attention-background-color); 
background-image: url('../../public/gfx/operations/icon_operation_attention.png'); 
border: 1px solid var(--message-attention-border-color); 
} 

.operation-attention p span { 
color: var(--message-attention-text-color); 
} 

.operation-failed { 
background-color: var(--message-failed-background-color); 
background-image: url('../../public/gfx/operations/icon_operation_failed.png'); 
border: 1px solid var(--message-failed-border-color); 
} 

.operation-failed p span { 
color: var(--message-failed-text-color); 
} 

.operation-successful { 
background-color: var(--message-successful-background-color); 
background-image: url('../../public/gfx/operations/icon_operation_successful.png'); 
border: 1px solid var(--message-successful-border-color); 
} 

.operation-successful p span { 
color: var(--message-successful-text-color); 
} 

.operation-info, .operation-attention, .operation-failed, .operation-successful { 
background-repeat: no-repeat; 
background-position: 20px 1.3em; 
} 

.operation-no-records { 
background-image: none; 
} 

.operation-no-records p span { 
font: normal 90%/180% var(--messages-font-family); 
} 

.message-panel .operation-dismiss { 
display: block; 
float: right; 
width: 20px; 
height: 20px; 
background: transparent url('../../public/gfx/operations/icon_operation_dismiss.png') no-repeat left top; 
margin-top: 2px; 
opacity: 0.7; 
} 

.message-panel .operation-dismiss:hover { 
opacity: 1; 
} 

img.icon-operation, img.icon-item { 
display: inline; 
max-width: initial !important; 
margin: 0 5px; 
vertical-align: middle; 
} 

.message-warning { 
display: block; 
clear: both; 
margin: 0.5rem 0 1rem; 
border: 0; 
font-weight: bold; 
font-size: 0.9em; 
} 

.message-warning p { 
margin: 0 auto; 
} 

.message-warning a, .message-warning a:hover { 
color: var(--base-link-color); 
text-decoration: none; 
} 

.is-required { 
padding: 3px; 
font-weight: bold; 
font-size: 0.9em; 
line-height: 130%; 
} 

/* ---------- Print version ---------- */

@media print { 

button.button-clipart { 
display: none; 
} 

.form-box p.form-subtitle { 
border-bottom: 1px solid var(--base-border-color); 
} 

.form-box select { 
min-width: 40%; 
} 

.form-box textarea { 
min-width: 50%; 
} 

.form-box input[type="text"].text-tiny, .form-box select.select-tiny { 
min-width: 50px; 
} 

.form-box select.select-days { 
min-width: 50px; 
} 

.form-box select.select-months, .form-box select.select-data-amount { 
min-width: 100px; 
} 

.form-box select.select-years { 
min-width: 70px; 
} 

.form-box input.text-numbers-only, .form-box input[type="text"].text-color-picker { 
min-width: 100px; 
} 

.form-box input[type="text"].text-x-small, .form-box select.select-x-small { 
min-width: 100px; 
} 

.form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
min-width: 120px; 
} 

.form-box input[type="text"].text-small, .form-box input[type="password"].text-small, .form-box select.select-small { 
min-width: 125px; 
} 

.form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium { 
min-width: 40%; 
} 

.form-box input[type="text"].text-big, .form-box select.select-big { 
min-width: 50%; 
} 

.form-box input[type="file"], .form-box input[type="file"].file-upload { 
min-width: 45%; 
} 

.form-box fieldset fieldset { 
border: 1px solid var(--base-border-middle-color); 
} 

/* Hint box properties and values */

em.hint-box { 
display: none; 
} 

/* Captcha properties and values */

.captcha-container { 
display: none; 
} 

/* Message preview properties and values */

.preview-message { 
border: 1px dashed var(--base-border-light-color); 
} 

/* Messages properties and values */

.operation-no-records p span, .message-warning, .is-required { 
color: var(--highlighted-text-color); 
} 

} 

/**//* Images containers properties and values */

div.thumbs-box, div.images-box { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
text-align: center; 
} 

.thumbs-box div.thumb-container, .images-box div.image-container { 
position: relative; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
margin: 0 auto 0.5rem; 
} 

.thumbs-box div.thumb-container { 
display: inline-block; 
float: left; 
} 

.images-box div.image-container { 
display: inline-block; 
clear: both; 
width: 100%; 
} 

.thumbs-box div.fluid-container, .images-box div.fluid-container { 
display: block; 
z-index: 3; 
clear: both; 
width: 100%; 
} 

div.image-legend { 
margin: 0 auto 0.2rem; 
font-weight: bold; 
} 

#image-viewer { 
position: relative; 
margin: 0 auto 1rem; 
text-align: center; 
} 

/* Images properties and values */

div.thumb-left, .thumb-left img, div.thumb-centered, .thumb-centered img, div.thumb-right, .thumb-right img, div.thumb-side-bar, .thumb-side-bar img, div.image-left, .image-left img, div.image-centered, .image-centered img, div.image-right, .image-right img { 
position: relative; 
display: inline-block; 
z-index: 5; 
} 

div.thumb-left, div.thumb-centered, div.thumb-right, div.thumb-side-bar, div.image-left, div.image-centered, div.image-right, div.image-fluid { 
top: auto; 
font-size: 0; 
line-height: 0; 
} 

div.thumb-centered:hover { 
opacity: 0.85; 
} 

div.thumb-side-bar { 
display: block; 
clear: both; 
width: 100%; 
} 

div.thumb-left, div.image-left { 
left: 0; 
float: left; 
clear: right; 
} 

div.thumb-centered, div.image-centered { 
clear: both; 
} 

div.thumb-right, div.image-right { 
right: 0; 
float: right; 
clear: left; 
} 

.thumb-left img, .thumb-centered img, .thumb-right img, .thumb-side-bar img { 
clear: both; 
width: 100%; 
opacity: 1; 
} 

.thumb-side-bar img { 
display: block; 
} 

.image-left img, .image-centered img, .image-right img { 
clear: both; 
width: 100%; 
opacity: 1; 
} 

div.image-fluid, .image-fluid img { 
display: block; 
z-index: 3; 
clear: both; 
width: 100%; 
} 

div.thumb-legend { 
display: block; 
clear: both; 
margin: 0 var(--media-containers-margin-width) var(--media-containers-margin-width); 
padding: 0.2em 0 0.3em; 
font-size: 0.9em; 
line-height: 1.2em; 
font-weight: bold; 
} 

.thumb-legend a:link, .thumb-legend a:visited, .thumb-legend a:hover, .thumb-legend a:active { 
color: inherit; 
text-decoration: none; 
} 

/* Rounded images properties and values */

img.image-rounded { 
border-radius: 50% !important; 
} 

img.image-rounded-corners { 
border-radius: 0.25rem !important; 
} 

/* Snapshot images properties and values */

img.image-snapshot { 
width: 100%; 
height: auto; 
background-color: rgb(255,255,255); 
padding: 0.25em; 
border: 1px solid currentcolor; 
border-radius: 0.25rem; 
} 

/* Slideshow properties and values */

#slideshow-container { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
margin: 0.5rem auto 1rem; 
border: 0 !important; 
vertical-align: top; 
} 

#slideshow-controls { 
margin: 0 auto 0.5rem; 
text-align: center; 
} 

#slideshow-controls input[type="button"], #slideshow-controls input[type="button"]:hover { 
position: relative; 
display: inline-block; 
top: auto; 
width: 28px; 
margin: 0 0.1rem 0.2rem; 
padding: 0; 
} 

#slideshow-controls + #slideshow-controls-numbers { 
margin: 0 auto; 
} 

#slideshow-controls-numbers { 
display: inline-block; 
margin: 0 0.3rem; 
} 

#slideshow-viewer { 
position: relative; 
text-align: center; 
font-size: 0; 
line-height: 0; 
overflow: hidden; 
} 

#slideshow-viewer div.slideshow-viewer-shade { 
position: absolute; 
left: 0; 
top: -999999em; 
} 

#slideshow-viewer:hover div.slideshow-viewer-shade { 
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
min-height: 100%; 
background-color: rgba(0,0,0,0.3); 
border: 0; 
color: inherit; 
} 

div.slideshow-viewer-enlarge { 
position: absolute; 
right: 5%; 
bottom: 5%; 
background-color: transparent; 
color: rgb(180,180,180); 
text-shadow: 2px 2px 3px rgb(0,0,0); 
} 

#slideshow-viewer:hover div.slideshow-viewer-enlarge:before { 
font-weight: normal; 
font-size: 2.5rem; 
font-family: 'FontAwesome'; 
content: '\F00E'; 
} 

div#slideshow-loading { 
position: absolute; 
display: none; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
border: 0 !important; 
vertical-align: middle; 
text-align: center; 
} 

#slideshow-loading span { 
position: relative; 
display: block; 
top: 40%; 
margin: 0 auto; 
width: 80px; 
height: 80px; 
font-size: 5rem; 
} 

#slideshow-play { 
display: block; 
margin: 0 3rem; 
text-align: right; 
} 

#slideshow-play input[type="button"], #slideshow-play input[type="button"]:hover { 
display: inline; 
min-width: 90px; 
} 

/* Enlarged image properties and values */

#enlarged-image-box, #enlarged-image-loading { 
position: absolute; 
visibility: hidden; 
z-index: 10; 
left: 0; 
top: 0; 
} 

#enlarged-image-box { 
width: auto; 
padding: 10px 10px 0; 
border-radius: 8px; 
} 

#enlarged-image-loading { 
padding: 250px 300px; 
text-align: center; 
font-weight: bold; 
} 

#enlarged-image-loading p { 
padding: 1em 0; 
} 

#enlarged-image-box #enlarged-image img { 
display: block; 
clear: both; 
} 

#enlarged-image-box .enlarged-box-close { 
float: right; 
clear: left; 
padding: 5px 0; 
text-align: right; 
vertical-align: middle; 
font-weight: bold; 
font-size: 0.9em; 
line-height: 1.2em; 
text-transform: uppercase; 
} 

#enlarged-image-box .enlarged-box-close img { 
display: inline; 
float: right; 
clear: left; 
vertical-align: middle; 
margin: 0 5px; 
} 

/* Close-up properties and values */

#closeup-viewer { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
clear: both; 
margin: 1rem auto; 
text-align: center; 
} 

img#closeup-image { 
z-index: 2; 
clear: both; 
margin: 0 auto; 
} 

#closeup-controls { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
margin: 1rem auto; 
text-align: center; 
} 

/* Search thumbs properties and values */

#search-result-image-preview { 
position: absolute; 
display: none; 
z-index: 100000; 
padding: 10px; 
text-align: center; 
font-size: 0.9em; 
border-radius: 8px; 
} 

#search-result-image-preview img { 
margin: 0 auto; 
} 

div.search-result-thumbs-box { 
position: relative; 
display: block; 
clear: both; 
} 

.search-result-thumbs-box div.thumb-container { 
position: relative; 
display: inline-block; 
float: left; 
clear: right; 
width: 16.166%; 
background-color: transparent; 
margin: 0 0.25% 3px; 
} 

.search-result-thumbs-box div.thumb-container a { 
color: inherit; 
opacity: 0.9; 
} 

.search-result-thumbs-box div.thumb-container a:hover { 
opacity: 1; 
} 

.search-result-thumbs-box div.thumb-container img { 
display: block; 
width: 100%; 
margin: 1px; 
} 

/* Catalogues thumbs properties and values */

span.thumb-catalogue { 
position: relative; 
display: block; 
clear: both; 
margin: 0 0 0.5rem; 
font-size: 0; 
line-height: 0; 
} 

.thumb-catalogue img { 
clear: both; 
width: 100%; 
opacity: 1; 
} 

/**//* Tables properties and values */

table { 
display: table; 
} 

caption { 
display: table-caption; 
caption-side: top; 
} 

col { 
display: table-column; 
} 

colgroup { 
display: table-column-group; 
} 

tr { 
display: table-row; 
} 

thead { 
display: table-header-group; 
} 

tbody { 
display: table-row-group; 
} 

tfoot { 
display: table-footer-group; 
} 

td, th { 
display: table-cell; 
} 

/* Tables properties and values */

table.table-wide { 
table-layout: fixed; 
width: 100%; 
} 

table.data-grid, table.custom-table { 
background-color: transparent; 
color: inherit; 
} 

.data-grid thead, .data-grid tbody, .data-grid tfoot, .data-grid tr, .custom-table thead, .custom-table tbody, .custom-table tfoot, .custom-table tr { 
background-color: transparent; 
color: inherit; 
} 

.data-grid tbody tr, .data-grid tfoot tr, .data-grid tr, .custom-table tbody tr, .custom-table tfoot tr, .custom-table tr { 
vertical-align: top; 
} 

.data-grid thead th, .custom-table thead th { 
padding: 5px 7px; 
vertical-align: middle; 
text-align: center; 
font-weight: bold; 
} 

.data-grid tbody th, .custom-table tbody th { 
padding: 5px 7px; 
vertical-align: top; 
text-align: center; 
font-weight: bold; 
} 

.data-grid td, .custom-table td { 
padding: 3px 5px; 
text-align: left; 
} 

.data-grid td.number, .custom-table td.number { 
text-align: right; 
} 

.data-grid img { 
margin: 1rem; 
} 

.custom-table img { 
margin: 0; 
} 

.data-grid tfoot tr:nth-child(odd), .custom-table tfoot tr:nth-child(odd) { 
background-color: transparent; 
} 

.data-grid tfoot td, .custom-table tfoot td { 
background-color: transparent; 
padding: 0 7px; 
border: none !important; 
text-align: left; 
} 

/* Shopping basket properties and values */

table#shopping-basket { 
table-layout: fixed; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

#shopping-basket caption { 
display: none; 
} 

#shopping-basket thead th { 
text-align: left; 
} 

#shopping-basket tbody th { 
background-color: transparent; 
text-align: left; 
} 

#shopping-basket tbody th a, #shopping-basket tbody th a:hover { 
text-decoration: none; 
} 

#shopping-basket tfoot { 
font-weight: bold; 
font-size: 1em !important; 
} 

/**//* Records topics box properties and values */

div.records-topics-box { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
margin: 0 0 1rem; 
vertical-align: top; 
font-weight: bold; 
} 

/* Order by properties and values */

div.order-by { 
text-align: center; 
} 

.order-by span.order-by-clause { 
display: inline-block; 
padding: 0 0.2em 0 0.6em; 
} 

.order-by span.order-by-clause:before { 
content: '\25AA\00A0\00A0'; 
} 

.sorting-arrow.asc:before { 
content: '\25B3\00A0'; 
} 

.sorting-arrow.desc:before { 
content: '\25BD\00A0'; 
} 

.sorting-arrow.asc.active:before { 
content: '\25B2\00A0'; 
color: var(--highlighted-text-color); 
} 

.sorting-arrow.desc.active:before { 
content: '\25BC\00A0'; 
color: var(--highlighted-text-color); 
} 

/* Suggest content properties and values */

div.suggest-content { 
margin: 0 1rem 1rem; 
text-align: right; 
} 

.suggest-content .total-posts { 
float: left; 
clear: right; 
text-align: left; 
} 

.total-posts .posts-number { 
font-size: 0.98em; 
} 

.total-posts span.posts-separator { 
background: transparent url('../../public/gfx/svg/bullet_posts_separator.svg') no-repeat center center; 
background-size: 14px 14px; 
padding: 0 0.5em; 
color: inherit; 
} 

.suggest-content span.subject-to-approval { 
font-size: 0.8em; 
} 

.suggest-content a img { 
margin: 0 3px; 
vertical-align: middle; 
} 

/* Related content properties and values */

div.related-content, div.related-search { 
margin: 0 1rem 1rem; 
padding: 0 0.5em 0 1em; 
text-align: right; 
} 

.related-content span:before { 
content: '\203A\00A0'; 	/* Single right-pointing angle quotation mark */
} 

.related-content span { 
text-transform: capitalize; 
} 

/* Record caption properties and values */

div.record-caption { 
margin: 0 auto 0.5rem; 
padding: 0 1em 0.5em; 
border-bottom: 1px solid var(--base-border-color); 
text-align: left; 
} 

/* Previous content properties and values */

div.previous-content { 
display: block; 
margin: 0 1rem 1rem; 
padding: 0 1em; 
text-align: left; 
font-weight: bold; 
} 

div.previous-content > span:first-child a:before { 
font-family: 'FontAwesome'; 
content: '\F105\00A0'; 
} 

/* Categories properties and values */

div.record-category { 
position: relative; 
display: block; 
margin: 0 0 0.3rem; 
text-align: left; 
font-weight: bold; 
} 

.form-box div.record-category { 
display: inline; 
margin: 0; 
font-weight: normal; 
} 

.record-category span:first-letter { 
text-transform: capitalize; 
} 

.record-category-trail span:before { 
content: '\003E\00A0'; 
} 

/* Labels properties and values */

span.label-basket-empty { 
font-weight: bold; 
} 

span.total-replies, span.total-visits { 
background-color: transparent; 
color: #c00; 
font-weight: bold; 
} 

/* Record calendar properties and values */

div.record-calendar { 
position: relative; 
display: inline-block; 
z-index: 100; 
top: auto; 
right: 0; 
float: right; 
clear: left; 
width: 280px; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
margin: 0 0 1.2rem 1.2rem; 
} 

/* Record chapters properties and values */

ul.record-chapters { 
position: relative; 
display: block; 
list-style-type: none; 
margin: 0 2rem 0.3rem 0; 
font-weight: bold; 
font-size: 0.98em; 
line-height: 1.2em; 
} 

.record-chapters li { 
display: block; 
text-indent: 1.2rem; 
} 

.record-chapters li:before { 
font-family: 'FontAwesome'; 
content: '\F0DA\00A0\00A0'; 
} 

.record-chapters li:after { 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

div.chapters-navigator { 
margin: 0 1rem 1rem; 
} 

/* Polls properties and values */

.form-row p.form-caption span.poll-caption, .form-row p.form-caption span.poll-results { 
font-weight: bold; 
} 

span.poll-caption:before { 
font-family: 'FontAwesome'; 
content: '\F0DA\00A0\00A0'; 
} 

span.poll-caption:after { 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

.form-box ul.form-list-vertical li img.poll-bar { 
display: inline; 
height: 12px; 
} 

span.poll-results { 
display: inline-block; 
margin: 0 auto; 
text-indent: 0.5em; 
} 

div.previous-polls-title p { 
list-style-type: none; 
text-indent: 15px; 
font-weight: bold; 
} 

/* Records totals properties and values */

div.records-totals { 
margin: 0 1rem; 
padding: 0 1em 0 0.5em; 
text-align: left; 
} 

.records-totals .view-products { 
float: right; 
clear: left; 
padding: 0 0 0 25px; 
text-align: right; 
} 

.records-totals .view-products button { 
height: 30px; 
padding: 0 15px; 
border-radius: initial; 
box-shadow: none; 
text-align: left; 
text-shadow: none; 
outline: none; 
cursor: pointer; 
} 

.records-totals .total-products { 
float: left; 
clear: right; 
padding: 0 25px 0 0; 
text-align: left; 
} 

.records-totals .total-products span:first-child:after { 
content: ':'; 
text-transform: none; 
} 

.records-totals span.products-number { 
background-color: transparent; 
color: #c00; 
} 

/* Tree breadcrumb properties and values */

div#breadcrumb-trail-tree { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
width: auto; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
margin: 0 3rem; 
vertical-align: top; 
text-align: left; 
} 

div#breadcrumb-trail-tree.breadcrumb-trail-tree-catalogues { 
width: 100%; 
margin: 0 auto; 
} 

#breadcrumb-trail-tree div.topics-title { 
margin: 0 auto 0.1rem; 
} 

#breadcrumb-trail-tree .topics-title h3 { 
margin: 0 0 0.1rem; 
font-weight: bold; 
font-size: 1.2em; 
color: inherit; 
} 

#breadcrumb-trail-tree .topics-title h3:before { 
font-size: 0.9em; 
font-family: 'FontAwesome'; 
content: '\F105\00A0\00A0'; 
} 

#breadcrumb-trail-tree .topics-title h3:after { 
font-size: 0.9em; 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

ul#categories-trail { 
list-style-type: none; 
margin: 0 0 0.8rem; 
vertical-align: middle; 
text-align: left; 
font-weight: bold; 
font-size: 1em; 
line-height: 1.2em; 
} 

#categories-trail li { 
display: inline; 
} 

#categories-trail li.root-category { 
background-image: none; 
} 

#categories-trail li:before { 
font-family: 'FontAwesome'; 
content: '\F105\00A0\00A0'; 
} 

#categories-trail li:after { 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

ul.tree-children-list { 
position: relative; 
display: block; 
list-style-type: none; 
margin: 0 0 1rem; 
text-align: left; 
font-weight: bold; 
font-size: 0.98em; 
line-height: 1em; 
} 

.tree-children-list li { 
display: block; 
text-indent: 1rem; 
} 

.tree-children-list li:before { 
font-family: 'FontAwesome'; 
font-size: 0.8em; 
content: '\F105\00A0\00A0'; 
} 

.tree-children-list li:after { 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

div.topics-title + ul.tree-children-list { 
margin: 1rem auto; 
} 

ul.children-list-catalogues { 
margin: 0 0 1rem; 
} 

.children-list-catalogues li { 
display: inline-block; 
float: left; 
clear: right; 
width: 48%; 
margin: 0 auto 0.8rem; 
text-align: center; 
text-indent: 0; 
font-weight: bold; 
} 

.children-list-catalogues li:nth-child(odd) { 
margin-right: 4%; 
} 

.children-list-catalogues li:nth-child(even) { 
margin-right: 0; 
} 

.children-list-catalogues li:nth-child(2n+0) { 
margin-right: 0; 
} 

.children-list-catalogues li span:last-child { 
display: inline-block; 
margin: 0.3rem auto 0.8rem; 
} 

.tree-children-list.children-list-catalogues li:before, .tree-children-list.children-list-catalogues li:after { 
content: ''; 
} 

/* Contextual menus properties and values */

ul#menu-catalogues, ul#menu-news-themes, ul#menu-b2b-sectors { 
list-style-type: none; 
position: relative; 
display: block; 	/* block || none */
z-index: 4; 
width: auto; 
background-color: transparent; 
margin: 0 auto 1.5rem; 
border: 0; 
text-align: left; 
color: inherit; 
} 

ul#menu-catalogues, ul#menu-news-themes, ul#menu-b2b-sectors { 
display: none; 
} 

#menu-catalogues li, #menu-news-themes li, #menu-b2b-sectors li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

#menu-catalogues li a, #menu-news-themes li a, #menu-b2b-sectors li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 10px 25px; 
border-bottom: 1px solid var(--navigation-border-color); 
/* text-indent: 25px; */
font: bold 1em/16px var(--navigation-font-family); 
} 

#menu-catalogues li:first-child a, #menu-news-themes li:first-child a, #menu-b2b-sectors li:first-child a { 
border-top: 1px solid var(--navigation-border-color); 
} 

#menu-catalogues li.menu-option a, #menu-news-themes li.menu-option a, #menu-b2b-sectors li.menu-option a { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left top; 
color: var(--menu-left-link-color); 
text-decoration: none; 
} 

#menu-catalogues li.menu-option a:hover, #menu-news-themes li.menu-option a:hover, #menu-b2b-sectors li.menu-option a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left center; 
color: var(--menu-left-hover-link-color); 
text-decoration: none; 
} 

#menu-catalogues li.menu-option-active a, #menu-catalogues li.menu-option-active a:hover, #menu-news-themes li.menu-option-active a, #menu-news-themes li.menu-option-active a:hover, #menu-b2b-sectors li.menu-option-active a, #menu-b2b-sectors li.menu-option-active a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left bottom; 
color: var(--menu-left-active-link-color); 
text-decoration: none; 
} 

#menu-catalogues li a span, #menu-news-themes li a span, #menu-b2b-sectors li a span { 
display: block; 
} 

/* Menus options levels properties and values */

.menu-option-category span, .menu-option-category-active span { 
/* Customize here */
} 

.menu-option-category:hover span, .menu-option-category-active:hover span { 
/* Customize here */
} 

.menu-option-child-category span, .menu-option-child-category-active span { 
/* Customize here */
} 

.menu-option-child-category:hover span, .menu-option-child-category-active:hover span { 
/* Customize here */
} 

/* Members properties and values */

div.members-grid.group { 
display: block; 
clear: both; 
margin: 0 auto; 
border: 0; 
text-align: center; 
} 

div.members-grid.group > div { 
position: relative; 
display: inline-block; 
width: 20%; 
margin: 0 2.5%; 
padding: 0; 
text-align: center; 
vertical-align: top; 
} 

div.members-grid.group div.record-box { 
min-height: 400px; 
margin-bottom: 0; 
} 

div#parents-node, div#member-node, div#spouses-node, div#children-node, div.node-connector, div.node-bottom { 
display: block; 
clear: both; 
margin: 0 auto; 
border: 0; 
text-align: center; 
} 

#parents-node > div, #member-node > div, #spouses-node > div, #children-node > div { 
position: relative; 
display: inline-block; 
width: 50%; 
margin: 0; 
padding: 0; 
text-align: center; 
vertical-align: top; 
} 

#parents-node div.record-box.node-vertical-line, #member-node div.record-box.node-vertical-line, #spouses-node div.record-box.node-vertical-line, #children-node div.record-box.node-vertical-line { 
min-height: 450px; 
margin-bottom: 0; 
} 

div#children-node { 
padding: 35px 25px 0; 
border: 2px solid var(--base-border-light-color); 
background-image: none; 
} 

div.node-vertical-line { 
background-color: transparent; 
background-image: linear-gradient(90deg, transparent 50%, var(--base-border-light-color) 50%); 
background-size: 4px 100vh; 
background-repeat: repeat-y; 
background-position: center top; 
text-align: center; 
} 

div.node-connector { 
display: block; 
clear: both; 
margin: 0; 
border: 0; 
text-align: center; 
vertical-align: top; 
font-size: 0; 
line-height: 2px; 
} 

div.node-horizontal-line { 
position: relative; 
display: inline-block; 
clear: both; 
height: 2px; 
background-color: var(--base-border-light-color); 
margin: 0; 
padding: 0; 
border: 0; 
font-size: 0; 
line-height: 2px; 
} 

div.connect-couple { 
width: 50%; 
margin: 0 25%; 
} 

div.connect-spouses { 
width: 62.9%; 
margin: 0 12.1% 0 25%; 
} 

div.node-horizontal-line-left, div.node-horizontal-line-right { 
position: relative; 
display: inline-block; 
float: left; 
clear: right; 
width: 25%; 
height: 2px; 
} 

.node-bottom > div { 
bottom: 0; 
width: 50%; 
height: 50px; 
background-color: transparent; 
margin: 0; 
padding: 0; 
text-align: center; 
} 

.node-bottom > div:first-child { 
height: 50px; 
} 

.person-card { 
position: relative; 
display: block; 
z-index: 20; 
max-width: 250px; 
background-color: var(--white-color); 
margin: 0 auto 50px; 
border: 1px solid var(--base-border-light-color); 
border-radius: 4px; 
box-shadow: 0px 0px 4px var(--base-box-shadow-color); 
text-align: center; 
transition: background-color 250ms; 
} 

.person-card a:link, .person-card a:visited, .person-card a:hover, .person-card a:active { 
text-decoration: none; 
} 

.person-card-label { 
position: absolute; 
z-index: 100; 
left: 0; 
top: -22px; 
right: 0; 
max-height: 1px; 
margin: 0; 
padding: 0 20px; 
vertical-align: top; 
text-align: center; 
font-weight: 500; 
font-size: 0.75rem; 
line-height: 30px; 
text-transform: uppercase; 
letter-spacing: 0.05em; 
} 

.person-card-label-inner, .person-card-label-inner-void { 
display: inline-block; 
padding: 5px 25px; 
border-radius: 4px; 
} 

.person-card-label-inner { 
background-color: var(--base-background-dark-color); 
border: 2px solid transparent; 
border-top: none; 
color: var(--white-color); 
} 

.person-card-thumb { 
display: block; 
clear: both; 
padding: 0; 
border-bottom: 2px solid var(--base-border-light-color); 
} 

.person-card-thumb div, .person-card-thumb a { 
position: relative; 
display: block; 
width: 100%; 
height: 250px; 
background-position: center; 
background-size: cover; 
} 

.person-card-thumb a { 
text-decoration: none; 
/* filter: grayscale(100%); */
opacity: 0.7; 
transition: all 500ms; 
} 

.person-card-thumb a:hover { 
filter: none; 
opacity: 1; 
transition: all 250ms; 
} 

.person-card-thumb img { 
display: block; 
clear: both; 
border: 0; 
} 

.person-card-name { 
display: block; 
clear: both; 
min-height: 120px; 
padding: 0.3em 0.6em; 
vertical-align: top; 
text-align: center; 
} 

.person-card-name a, .person-card-name a:hover { 
color: var(--base-text-color); 
text-decoration: none; 
} 

.person-card-bio { 
position: absolute; 
display: block; 
z-index: 100; 
top: 98%; 
left: 100%; 
width: 50px; 
height: 50px; 
margin: -28px; 
background-color: var(--base-background-dark-color); 
border: 2px solid var(--white-color); 
border-radius: 51%; 
font-size: 0.75rem; 
line-height: 50px; 
text-align: center; 
text-transform: uppercase; 
color: var(--white-color); 
} 

.person-card-bio a { 
background-color: var(--base-background-dark-color); 
color: var(--white-color); 
} 

.person-card-anniversary-date { 
/* display: none; */
position: absolute; 
z-index: 20; 
left: 15px; 
top: 15px; 
width: 50px; 
background-color: var(--white-color); 
margin: 0; 
border: 1px solid var(--base-border-light-color); 
border-radius: 2px; 
box-shadow: 0px 0px 2px var(--base-box-shadow-color); 
font-size: 1em; 
} 

.anniversary-date-month { 
background-color: var(--base-background-dark-color); 
color: var(--white-color); 
} 

.anniversary-date-day { 
display: block; 
padding: 4px; 
font-weight: normal; 
font-size: 1.25em; 
} 

.member-active { 
background-color: var(--base-background-dark-color); 
color: var(--white-color); 
} 

/* Catalogue products properties and values */

div.product-view-box { 
position: relative !important; 
margin-bottom: 1rem; 
} 

div.product-view-box.view-list { 
display: block; 
border-top: 1px solid transparent; 
} 

div.product-view-box.view-grid { 
display: inline-block; 
border-top: 1px solid transparent; 
} 

div.product-icon-box { 
position: relative; 
float: right; 
clear: left; 
} 

div.product-icon { 
position: absolute; 
display: block; 
z-index: 100; 
top: 0; 
right: 0; 
left: auto; 
margin: 0.2rem 0.2rem 0 0; 
border: 0; 
text-align: right; 
color: var(--product-icon-color); 
} 

.product-icon img { 
position: relative; 
float: right; 
clear: both; 
width: 50px; 
margin: 0 0 1rem 1rem; 
} 

.product-icon-box .product-icon-tip { 
visibility: hidden; 
position: absolute; 
z-index: 150; 
top: -5px; 
right: 100%; 
width: 120px; 
margin-right: 2.5rem; 
background-color: rgba(0,0,0,0.9); 
padding: 6px 0; 
border-radius: 6px; 
box-shadow: 2px 2px 5px var(--base-box-shadow-color); 
font-size: 0.9em; 
line-height: 1.5em; 
text-align: center; 
color: rgb(255,255,255); 
opacity: 0; 
transition: opacity 250ms ease-out; 
} 

.product-icon-box:hover .product-icon-tip { 
visibility: visible; 
opacity: 1; 
} 

div.label-product-producer, div.label-product-reference { 
/* display: none; */
} 

div.catalogue-product-box { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
width: auto; 
background-color: transparent; 
margin: 0.5rem auto; 
padding: 0.8em 0 1em; 
border-top: 1px solid var(--base-border-color); 
vertical-align: top; 
text-align: left; 
color: inherit; 
} 

div.catalogue-product-image, div.catalogue-product-description, div.catalogue-product-details-image, div.catalogue-product-details-description { 
position: relative; 
display: inline; 
z-index: 5; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

div.catalogue-product-image, div.catalogue-product-details-image { 
z-index: 10; 
text-align: center; 
} 

div.catalogue-product-image { 
width: 25%; 
} 

.catalogue-product-image div.thumb-left, .catalogue-product-image div.thumb-centered, .catalogue-product-image div.thumb-right { 
display: block; 
clear: both; 
width: 90%; 
margin-bottom: 8px; 
} 

div.catalogue-product-description { 
width: 75%; 
} 

div.catalogue-product-details-image { 
width: 40%; 
} 

.catalogue-product-details-image div.image-left, .catalogue-product-details-image div.image-centered, .catalogue-product-details-image div.image-right { 
display: block; 
clear: both; 
width: 95%; 
margin-bottom: 8px; 
} 

div.catalogue-product-details-description { 
width: 60%; 
} 

div.product-more-content { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
background-image: none; 
margin: 0 auto 1rem; 
text-align: center; 
font-weight: bold; 
} 

h3.product-title { 
background-image: none; 
margin: 0 0 0.1rem; 
text-indent: 0; 
} 

h4.product-title { 
background-image: none; 
margin: 0 0 0.1rem; 
text-indent: 0; 
font-weight: normal; 
font-size: 1.1em; 
} 

/* Begin products opening panel */

#page.front-page div.product-icon { 
margin: -0.3rem -0.3rem 0 0; 
} 

#page.front-page .product-icon-tip { 
top: -10px; 
margin-right: 2rem; 
} 

#page.front-page .product-icon-tip:after { 
content: ''; 
position: absolute; 
top: 50%; 
left: 100%; 
width: 0; 
height: 0; 
margin-top: -5px; /* Border width */
border-width: 5px; 
border-style: solid; 
border-color: transparent transparent transparent rgba(0,0,0,0.9); 
} 

#page.front-page div.catalogue-product-box { 
border-top: 1px solid var(--base-border-light-color); 
border-right: 1px solid var(--base-border-light-color); 
border-bottom: 3px solid var(--base-border-color); 
border-left: 1px solid var(--base-border-light-color); 
} 

#page.front-page div.catalogue-product-image, #page.front-page div.catalogue-product-description { 
display: block; 
float: none; 
clear: both; 
width: 100%; 
text-align: center; 
} 

#page.front-page .catalogue-product-image div.thumb-left, #page.front-page .catalogue-product-image div.thumb-centered, #page.front-page .catalogue-product-image div.thumb-right { 
width: auto; 
margin: 0 8px 12px; 
} 

#page.front-page div.catalogue-product-description { 
width: auto; 
margin: 0 10px; 
text-align: center; 
} 

#page.front-page .catalogue-product-description h3.product-title { 
font-size: 1.2em; 
margin: 0 auto 0.1rem; 
min-height: 50px; 
text-align: center; 
text-indent: initial; 
} 

#page.front-page .catalogue-product-description div.record-details { 
width: auto; 
margin: 0.4rem auto 0.6rem; 
text-align: center; 
} 

#page.front-page .catalogue-product-description div.record-details > div { 
width: auto; 
margin: 0 auto 0.2rem; 
text-align: center; 
} 

#page.front-page .catalogue-product-description div > span:first-child::after { 
content: ' '; 
} 

#page.front-page .catalogue-product-description span.product-old-price del { 
color: var(--base-text-faded-color); 
} 

#page.front-page .catalogue-product-description span.product-price { 
font-size: 150%; 
} 

#page.front-page .catalogue-product-description form fieldset { 
width: auto; 
margin: 1rem 0; 
padding: 0; 
} 

#page.front-page .catalogue-product-description form div.form-buttons { 
width: auto; 
margin: 0 auto; 
} 

#page.front-page .catalogue-product-description form div.form-buttons .button { 
display: inline-block; 
margin: 0 auto; 
} 

/* End products opening panel */

.catalogue-product-description div.record-details, .catalogue-product-details-description div.record-details { 
margin-left: 0; 
} 

.product-price, .product-price-savings { 
background-color: transparent; 
color: #c00; 
} 

.product-price { 
font-weight: bold; 
} 

.product-price-currency-left, .product-price-currency-right { 
font-size: 0.9em; 
text-transform: uppercase; 
} 

div span.product-price-currency-left { 
display: none; 
} 

div.product-form-box { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto 1rem; 
padding-top: 0; 
} 

div.product-form-box fieldset { 
width: 100%; 
margin: 0 auto; 
border: 0; 
} 

.product-form-box legend { 
display: none; 
} 

.product-form-box div { 
clear: both; 
margin: 0 auto; 
overflow: hidden; 
} 

.product-form-box div.form-row > label { 
display: block; 
clear: both; 
} 

.product-form-box div.form-row > select { 
margin: 0 0 0.5rem; 
} 

.product-form-box input[type="text"].text-numbers-only { 
min-width: 50px; 
width: 5%; 
} 

.product-form-box div.form-buttons { 
display: block; 
clear: both; 
margin: 0.5rem 0; 
padding: 0; 
} 

form.form-product-order, form.form-product-buy-paypal { 
display: block; 
margin: 0; 
} 

form.form-product-order fieldset { 
margin: 1rem auto; 
} 

.form-product-order div.form-buttons, .form-product-buy-paypal div.form-buttons { 
margin: 0; 
} 

.form-product-buy-paypal .form-buttons .button { 
position: relative; 
display: inline; 
left: auto; 
top: auto; 
margin: 0 5px 0 90px; 
} 

.form-product-buy-paypal .annotation p { 
display: block; 
margin: 0.3rem auto 0; 
text-align: center; 
font-size: 0.9em; 
} 

.form-product-buy-paypal .annotation p span:before { 
content: '( '; 
} 

.form-product-buy-paypal .annotation p span:after { 
content: ' )'; 
} 

div.catalogue-product-details-content { 
position: relative; 
display: block; 
z-index: 5; 
left: auto; 
top: auto; 
clear: both; 
margin: 0.5rem 0 1rem; 
} 

/* Shopping basket summary properties and values */

div#shopping-basket-summary-panel { 
position: relative; 
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
background-color: transparent; 
margin: 0 0.5rem 0.5rem; 
text-align: right; 
font-weight: bold; 
color: inherit; 
} 

#shopping-basket-summary-panel a, #shopping-basket-summary-panel a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

.shopping-basket-units, .shopping-basket-price { 
background-color: transparent; 
font-weight: bold; 
color: #c00; 
text-decoration: none; 
} 

/* Shopping basket properties and values */

div.form-shopping-basket { 
margin-bottom: 0; 
} 

div.form-shopping-basket div.form-row { 
margin-bottom: 0.2rem; 
} 

div.form-continue-shopping { 
margin: 0 auto 1rem; 
} 

div.form-checkout { 
padding-top: 0; 
} 

h3#shopping-basket-title { 
background-image: none; 
margin: 0 0 0.1rem; 
border: none; 
text-indent: 1.2rem; 
font-weight: bold; 
font-size: 1em; 
} 

table#shopping-basket { 
table-layout: fixed; 
width: 100%; 
margin: 0 auto; 
} 

table#shopping-basket caption { 
display: none; 
} 

table#shopping-basket thead, table#shopping-basket tbody, table#shopping-basket tfoot, table#shopping-basket tr { 
background-color: transparent; 
color: inherit; 
} 

#shopping-basket thead th, #shopping-basket tbody th, #shopping-basket tbody td, #shopping-basket tfoot td { 
padding: 0.4em 0.5em 0.6em; 
border: 1px solid var(--base-border-color); 
vertical-align: top; 
font-weight: bold; 
} 

#shopping-basket-product { 
text-align: left; 
} 

#shopping-basket-price, #shopping-basket-quantity, #shopping-basket-tax { 
width: 50px; 
} 

#shopping-basket-subtotal { 
width: 60px; 
} 

#shopping-basket-edit { 
width: 80px; 
} 

td.shopping-basket-edit-button .button { 
max-width: 80px; 
} 

#shopping-basket-taxes-product { 
text-align: left; 
} 

#shopping-basket-taxes-price, #shopping-basket-taxes-quantity, #shopping-basket-taxes-tax { 
width: 50px; 
} 

#shopping-basket-taxes-subtotal { 
width: 60px; 
} 

#shopping-basket-taxes-edit { 
width: 100px; 
} 

#shopping-basket tfoot td { 
text-align: right; 
} 

#shopping-basket tfoot td p { 
display: block; 
line-height: 1.5em; 
margin: 0 auto 0.3rem; 
} 

#shopping-basket tfoot td a, #shopping-basket tfoot td a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

#coupon-code-verifier, #delivery-method-selector { 
margin: 0.5rem auto 0.6rem; 
text-align: center; 
} 

#coupon-code-verifier #coupon_code, #delivery-method-selector #shipping_rates { 
margin-right: 0.6rem; 
margin-left: 0.3rem; 
} 

#coupon-code-result { 
margin: 0.5rem 1.5rem 0.2rem; 
text-align: left; 
} 

ul#delivery-methods, ul#payment-methods { 
display: inline-block; 
clear: both; 
margin: 0.5rem auto 0; 
} 

ul#delivery-methods label, ul#payment-methods label { 
display: inline-block; 
padding: 0 0.8em; 
} 

ul#delivery-methods input[type="radio"], ul#payment-methods input[type="radio"] { 
position: absolute; 
opacity: 0; 
width: 0; 
height: 0; 
} 

ul#delivery-methods input[type="radio"] + img, ul#payment-methods input[type="radio"] + img { 
margin: 0 0.5rem; 
cursor: pointer; 
} 

ul#delivery-methods span, ul#payment-methods span { 
display: inline-block; 
padding: 0 0.4em; 
border: 2px solid transparent; 
} 

ul#delivery-methods input[type="radio"]:checked + img + span, ul#payment-methods input[type="radio"]:checked + img + span { 
background-color: var(--tables-background-light-color) !important; 
border: 2px solid var(--base-border-middle-color); 
} 

div.form-shopping-basket div.form-buttons, div.form-continue-shopping div.form-buttons, div.form-checkout div.form-buttons { 
text-align: right; 
} 

div.form-continue-shopping div.form-buttons { 
margin-top: 0;
} 

div.form-shopping-basket div.form-buttons input[type="button"], div.form-continue-shopping div.form-buttons input[type="submit"], div.form-checkout div.form-buttons input[type="submit"] { 
min-width: 200px; 
} 

div.form-shopping-basket #total-amount { 
line-height: 1.38em; 
margin: 0.5rem 0; 
} 

div.form-checkout div.form-buttons { 
margin-top: 0; 
} 

#shopping-basket-list { 
display: block; 
} 

div.shopping-basket-list-product { 
margin: 0 auto 0.8rem; 
padding: 0 0 1em; 
border-bottom: 1px dashed var(--base-border-light-color); 
text-align: left; 
} 

div.shopping-basket-list-product:last-child { 
margin: 0 auto; 
border-bottom: none; 
} 

div.shopping-basket-list-product-subtotal { 
display: inline-block; 
float: right; 
clear: left; 
} 

#shopping-basket-bill { 
display: block; 
border-top: 1px solid var(--base-border-light-color); 
} 

div.shopping-basket-bill-info { 
margin: 0 auto 0.3rem; 
padding: 0.5em 0; 
border-bottom: 1px solid var(--base-border-light-color); 
text-align: right; 
} 

.shopping-basket-bill-info p { 
line-height: 1.38em; 
padding: 0 1em 0.2em; 
} 

/* Checkout properties and values */

.checkout-title { 
background-color: var(--base-background-faded-color); 
margin: 0 auto 0.3rem; 
padding: 8px; 
border: 1px solid var(--base-border-middle-color); 
font-weight: bold; 
} 

.checkout-box { 
background-color: var(--base-background-light-color); 
margin: 0 auto 0.6rem; 
padding: 1em 1.2em; 
border: 1px solid var(--base-border-light-color); 
} 

.one-half > .checkout-box { 
min-height: 200px; 
} 

.record-container .one-half fieldset { 
margin: 0.5rem auto; 
padding: 0; 
} 

.record-container .one-half .form-box .form-buttons { 
margin: 0 0 0.3rem; 
padding: 0 1em; 
text-align: center; 
} 

#notice-login { 
position: absolute; 
display: none; 
z-index: 100; 
clear: both; 
left: 0; 
top: 80px; 
width: auto; 
background-color: rgba(85,85,85,0.9); 
margin: 0 auto; 
padding: 0.4em 0.8em; 
border: 1px solid rgb(0,0,0); 
border-radius: 6px; 
text-align: center; 
color: rgba(255,255,255,0.8); 
overflow: auto; 
} 

.notice-login-content { 
margin: 0 auto; 
padding: 0; 
border: 0; 
} 

.notice-login-close { 
position: absolute; 
top: 3px; 
right: 5px; 
float: right; 
font-weight: bold; 
font-size: 28px; 
} 

.notice-login-close:hover, .notice-login-close:focus { 
color: rgb(255,255,255); 
text-decoration: none; 
cursor: pointer; 
} 

.notice-login-content p { 
margin: 0.4rem 1rem 0 0.4rem; 
line-height: 1.5em; 
} 

.record-container .checkout-box fieldset { 
width: auto; 
border: none; 
} 

div.order-confirmation-box { 
position: relative; 
background-color: var(--message-successful-background-color); 
margin-bottom: 1.2rem; 
padding: 20px 15px; 
border: 1px solid var(--base-border-light-color); 
font-size: 1em; 
} 

div.order-confirmation-box.white { 
background-color: var(--print-background-color); 
} 

div.order-confirmation-box h5 { 
padding: 0 0 0.3em; 
margin-bottom: 0.6rem; 
border-bottom: 1px solid var(--base-border-light-color); 
} 

div.order-confirmation-box h5 a { 
float: right; 
clear: left; 
font-size: 0.8em; 
text-decoration: none; 
} 

input[type="image"].credit-cards { 
display: inline; 
float: left; 
clear: right; 
margin: 0.2rem 1rem 0.8rem; 
border: 1px solid var(--base-border-color); 
} 

/* Personal area properties and values */

div.record-inactive { 
background-color: rgb(255,245,244); 
padding: 0.5em 1em; 
border: 1px solid rgb(255,205,202); 
text-align: left; 
color: inherit; 
} 

.record-object-missing { 
background-color: transparent; 
margin: 0 auto; 
font-size: 0.95em; 
color: var(--highlighted-text-color); 
} 

div.previewer-image-box { 
position: relative; 
display: inline-block; 
clear: both; 
max-width: 402px; 
background-color: rgb(255,255,255); 
margin: 3px 8px 0 0; 
border: 1px solid var(--media-containers-box-shadow); 
box-shadow: 0px 0px 3px var(--media-containers-box-shadow); 
vertical-align: top; 
font-size: 0; 
line-height: 0; 
color: inherit; 
overflow: hidden; 
} 

.previewer-image-box img { 
clear: both; 
max-width: 400px; 
margin: 1px; 
opacity: 1; 
} 

.record-container fieldset { 
display: block; 
width: 80%; 
margin: 1rem auto 1.5rem; 
padding: 0 1em; 
border: 1px solid var(--base-border-color); 
} 

.record-container fieldset legend { 
padding: 0 5px; 
font-style: italic; 
font-weight: bold; 
} 

.record-container fieldset.pdf-version { 
width: 85%; 
} 

ul.form-list-horizontal { 
margin: 0.5rem 1rem 1rem; 
} 

ul.form-list-horizontal * { 
vertical-align: middle; 
} 

ul.form-list-horizontal li { 
list-style-type: none; 
display: inline; 
margin: 0; 
padding: 0 0.8em 0 1em; 
} 

ul.form-list-horizontal li label { 
display: inline; 
} 

ul.form-list-horizontal li span { 
font-weight: bold; 
} 

h5 input[type="submit"].button-edit, h5 input[type="submit"].button-edit:hover { 
float: right; 
clear: left; 
height: inherit; 
background: none; 
padding: 0; 
border: none; 
border-radius: 0; 
box-shadow: none; 
font-wight: inherit; 
font-size: 0.8em; 
font-family: inherit; 
text-decoration: none; 
text-shadow: none; 
color: inherit; 
} 

/* Checkout properties and values */

div.form-buttons-checkout { 
display: block; 
margin: 0 auto 1.2rem; 
border: 0; 
text-align: center; 
} 

div.form-buttons-checkout input[type="submit"] { 
display: inline-block; 
min-width: 100%; 
margin: 0 auto 1.2rem; 
} 

.toggle-block { 
display: none; 
height: 0; 
opacity: 0; 
overflow: hidden; 
transition: height 350ms ease-in-out, opacity 750ms ease-in-out; 
} 

.toggle-block.block-visible { 
display: block; 
height: auto; 
opacity: 1; 
} 

#shopping-basket tfoot td #coupon-code-verifier p, #shopping-basket tfoot td #coupon-code-verified p { 
line-height: 1.8rem; 
} 

#shopping-basket tfoot td #coupon-code-verifier .operation-dismiss, #shopping-basket tfoot td #coupon-code-verified .operation-dismiss { 
visibility: hidden; 
} 

/* Progress steps properties and values */

.progress-steps-container { 
width: 100%; 
padding: 3px 5px; 
} 

ul.progress-steps { 
counter-reset: step; 
margin: 0 auto; 
} 

.progress-steps li { 
position: relative; 
display: inline-block; 
margin-bottom: 0; 
text-align: center; 
font-weight: bold; 
color: var(--base-text-color); 
list-style: none; 
cursor: pointer; 
} 

.progress-steps li:before { 
display: block; 
content: counter(step); 
counter-increment: step; 
width: 2rem; 
height: 2rem; 
background-color: var(--white-color); 
margin: 0 auto 10px auto; 
border: 2px solid var(--base-border-light-color); 
border-radius: 100%; 
text-align: center; 
line-height: 30px; 
} 

.progress-steps li:after { 
content: ''; 
position: absolute; 
z-index: -1; 
left: -50%; 
top: 15px; 
width: 100%; 
height: 2px; 
background-color: var(--base-border-light-color); 
} 

.progress-steps li:first-child:after { 
content: none; 
} 

.progress-steps li.active { 
color: var(--base-heading-color); 
} 

.progress-steps li.active:before { 
background-color: var(--base-heading-color); 
border-color: var(--base-heading-color); 
color: var(--white-color); 
} 

.progress-steps li.active + li:after { 
background-color: var(--base-heading-color); 
} 

/* Print only rules */

@media print { 
div.topics-title { 
display: none; 
} 
} 

/**//* Media players properties and values */

div.audio-pretitle, div.video-pretitle { 
margin: 0 0 0.6rem; 
} 

div.player-centered, .player-centered audio, .player-centered video { 
position: relative; 
display: inline-block; 
z-index: 5; 
top: auto; 
width: auto; 
background-color: var(--media-containers-background-light-color); 
font-size: 0; 
line-height: 0; 
color: inherit; 
} 

.thumb-centered audio, .thumb-centered video, .thumb-centered figure { 
position: relative; 
display: inline-block; 
z-index: 5; 
} 

audio.media-player, audio.media-player.thumb, video.media-player, video.media-player.thumb, figure.media-player, figure.media-player.thumb { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
white-space: nowrap; 
} 

.media-player object, .media-player.thumb object, .media-player embed, .media-player.thumb embed { 
position: relative; 
display: inline; 
clear: both; 
margin: 0 auto; 
} 

/* Media collections lists properties and values */

ul.record-related.record-file li a:before { 
content: '' !important; 
} 

ul.record-related.record-image li a:before { 
content: '' !important; 
} 

ul.record-related.record-sound li a:before { 
content: '' !important; 
} 

ul.record-related.record-video li a:before { 
content: '' !important; 
} 

ul.record-related.record-wallpaper li a:before { 
content: '' !important; 
} 

ul.record-related.record-postcard li a:before { 
content: '' !important; 
} 

/* Videos containers properties and values */

figure.videos-collection > figcaption { 
display: none !important; 
} 

div.player-container { 
position: relative; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
margin: 0 auto 0.5rem; 
padding: 0; 
border: 0; 
} 

div.player-container { 
display: inline-block; 
clear: both; 
} 

.thumb-left video { 
position: relative; 
display: inline-block; 
z-index: 5; 
clear: both; 
width: 100%; 
margin: 0; 
opacity: 1; 
} 

/* Video thumbs properties and values */

.video-thumbs { 
overflow-y: hidden; 
overflow-x: hidden; 	/* hidden || scroll || auto */
display: block; 
width: auto; 
min-height: 130px; 
margin: 0; 
text-align: left; 
} 

div.video-thumb { 
position: relative; 
display: inline-block; 
z-index: 5; 
left: auto; 
top: auto; 
width: 145px; 
min-height: 115px; 
margin: 0 auto 0.5rem; 
border: 0; 
vertical-align: top; 
text-align: center; 
} 

/* Player container properties and values */

#player-container { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
margin: 0.5rem auto 1rem; 
border: 0; 
vertical-align: top; 
text-align: center; 
} 

div.video-fluid, .video-fluid div { 
display: block; 
z-index: 3; 
clear: both; 
width: 100%; 
text-align: center; 
} 

div.player-caption { 
position: relative; 
display: block; 
clear: both; 
width: auto; 
min-height: 30px; 
margin: 0.3rem auto; 
text-align: left; 
font-weight: bold; 
} 

.player-caption span { 
display: inline-block; 
font-size: 0.95em; 
} 

div.player-caption-title, div.player-caption-views { 
position: relative; 
display: inline-block; 
float: left; 
clear: right; 
vertical-align: middle; 
} 

div.player-caption-title { 
width: 60%; 
text-align: left; 
line-height: 30px; 
} 

div.player-caption-views { 
width: 40%; 
text-align: right; 
line-height: 26px; 
} 

.player-caption-views em { 
display: inline-block; 
margin: -2px 0.1rem 0; 
font-size: 1.6em; 
} 

#playlist-controls button, #playlist-controls button:hover { 
position: relative; 
display: inline-block; 
top: auto; 
width: 28px; 
max-height: 30px; 
background-image: none; 
margin: 0; 
padding: 0; 
line-height: 28px; 
box-shadow: none; 
} 

/* Product player properties and values */

div.product-player, .product-player audio, .product-player video, .product-player figure { 
position: relative; 
display: inline-block; 
z-index: 5; 
} 

div.product-player { 
left: 0; 
top: auto; 
float: left; 
clear: right; 
width: var(--videos-containers-regular-width); 
background-color: var(--media-containers-background-light-color); 
margin: 0 calc(var(--media-containers-margin-width)*2) var(--media-containers-margin-width) 0; 
border: var(--media-containers-border-width) solid var(--base-box-shadow-light-color); 
box-shadow: 0px 0px 3px var(--media-containers-box-shadow); 
font-size: 0; 
line-height: 0; 
color: inherit; 
} 

div.product-player.audio { 
width: var(--sounds-containers-regular-width); 
} 

.product-player audio, .product-player video, .product-player figure  { 
clear: both; 
width: 100%; 
margin: 0; 
opacity: 1; 
} 

/* Players properties and values */

audio, video { 
background: linear-gradient(rgba(50,50,50,.7), rgba(0,0,0,.7)); 
color: rgb(255,255,255);
} 

/* Edges properties and values */

div.video-edge, div.audio-edge { 
background-color: rgb(0,0,0); 
border: var(--media-containers-border-width) solid var(--base-box-shadow-light-color); 
box-shadow: 0px 0px 3px var(--media-containers-box-shadow); 
} 

/* Screen only rules */

@media screen and (max-width: 480px) { 
div.product-player, div.product-player.audio { 
display: block; 
float: none; 
width: 100%; 
} 
} 

/* Print only rules */

@media print { 
} 

/**//* Tabs area properties and values */

ul#tabs-menu { 
list-style-type: none; 
position: relative; 
z-index: 50; 
clear: both; 
width: auto; 
height: 30px; 
margin: 0; 
text-align: left; 
} 

#tabs-menu li { 
display: inline; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
margin: 0; 
} 

#tabs-menu li.tabs-menu-option a, #tabs-menu li.tabs-menu-option-active a { 
display: block; 
width: auto; 
margin: 0 3px 0 0; 
padding: 3px 10px; 
border-top: 1px solid #b6b6b6; 
border-right: 1px solid #b6b6b6; 
border-bottom: 1px solid #b6b6b6; 
border-left: 1px solid #b6b6b6; 
font-weight: bold; 
line-height: 22px; 
} 

#tabs-menu li.tabs-menu-option a { 
background: transparent url('../gfx/tabs_menu_options.png') repeat-x left top; 
color: #2d2b2b; 
text-decoration: none; 
} 

#tabs-menu li.tabs-menu-option-active a { 
background: transparent url('../gfx/tabs_menu_options.png') repeat-x left bottom; 
padding-bottom: 4px; 
border-bottom: 0; 
color: #2d2b2b; 
text-decoration: none; 
} 

#tabs-menu li.tabs-menu-option a:hover, #tabs-menu li.tabs-menu-option-active a:hover { 
background: transparent url('../gfx/tabs_menu_options.png') repeat-x left center; 
color: #2d2b2b; 
text-decoration: none; 
} 

#tabs-container { 
position: relative; 
display: block; 
width: auto; 
min-height: 165px; 
background-color: rgb(255,255,255); 
margin: -1px auto 1rem; 
padding: 0.5em 1em; 
border: 1px solid #b6b6b6; 
color: #2d2b2b; 
} 

#tabs-container div.record-box { 
width: auto; 
margin: 0 0 1rem; 
} 

#tabs-container div.members-grid.group div.record-box { 
position: relative; 
display: inline-block; 
width: 20%; 
margin: 0 2.5%; 
padding: 0; 
text-align: center; 
vertical-align: top; 
} 

#tabs-container .navigator-box { 
margin: 0 1rem 0.5rem; 
} 

/* Print only rules */

@media print { 
ul#tabs-menu, #tabs-container { 
display: none; 
} 
} 

/**//* Lightbox properties and values */

body:after { 
content: url('../../public/gfx/lightbox/close.png') url('../../public/gfx/lightbox/loading.gif') url('../../public/gfx/lightbox/prev.png') url('../../public/gfx/lightbox/next.png'); 
display: none; 
} 

.lightbox-overlay { 
position: absolute; 
display: none; 
z-index: 9999; 
left: 0; 
top: 0; 
background-color: rgb(0,0,0); 
color: inherit; 
opacity: 0.8; 
} 

.lightbox { 
position: absolute; 
z-index: 10000; 
left: 0; 
width: 100%; 
text-align: center; 
line-height: 0; 
font-weight: normal; 
} 

.lightbox .lightbox-image { 
display: block; 
height: auto; 
border-radius: 3px; 
} 

.lightbox a img { 
border: none; 
} 

.lightbox-outer { 
position: relative; 
background-color: rgb(255,255,255); 
width: 250px; 
height: 250px; 
margin: 0 auto; 
border-radius: 4px; 
color: inherit; 
/* zoom: 1; */
} 

.lightbox-outer:after { 
content: ''; 
display: table; 
clear: both; 
} 

.lightbox-container { 
padding: 4px; 
} 

.lightbox-container img { 
max-width: initial !important; 
} 

.lightbox-loader { 
position: absolute; 
left: 0%; 
top: 43%; 
width: 100%; 
height: 25%; 
text-align: center; 
line-height: 0; 
} 

.lightbox-cancel { 
display: block; 
width: 32px; 
height: 32px; 
background: transparent url('../../public/gfx/lightbox/loading.gif') no-repeat center center; 
margin: 0 auto; 
color: inherit; 
} 

.lightbox-navigator { 
position: absolute; 
z-index: 10; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
} 

.lightbox-container > .nav { 
left: 0; 
} 

.lightbox-navigator a { 
outline: none; 
} 

.lightbox-previous, .lightbox-next { 
display: block; 
height: 100%; 
width: 49%; 
} 

.lightbox-previous { 
left: 0; 
float: left; 
background: transparent url('../../public/gfx/lightbox/prev.png') no-repeat left 48%; 
color: inherit; 
opacity: 0.3; 
} 

.lightbox-previous:hover { 
background: transparent url('../../public/gfx/lightbox/prev.png') no-repeat left 48%; 
color: inherit; 
opacity: 1; 
} 

.lightbox-next { 
right: 0; 
float: right; 
background: transparent url('../../public/gfx/lightbox/next.png') no-repeat right 48%; 
color: inherit; 
opacity: 0.3; 
} 

.lightbox-next:hover { 
background: transparent url('../../public/gfx/lightbox/next.png') no-repeat right 48%; 
color: inherit; 
opacity: 1; 
} 

.lightbox-data-container { 
width: 100%; 
margin: 0 auto; 
padding-top: 5px; 
border-bottom-left-radius: 4px; 
border-bottom-right-radius: 4px; 
/* zoom: 1; */
} 

.lightbox-data-container:after { 
content: ''; 
display: table; 
clear: both; 
} 

.lightbox-data { 
background-color: transparent; 
padding: 0 4px; 
color: var(--lightbox-text-color); 
} 

.lightbox-data .lightbox-details { 
float: left; 
width: 85%; 
text-align: left; 
line-height: 1.1em; 
} 

.lightbox-data .lightbox-caption { 
font-weight: bold; 
font-size: 13px; 
line-height: 1em; 
} 

.lightbox-data .lightbox-number { 
display: block; 
clear: left; 
background-color: transparent; 
padding-bottom: 1em; 
font-size: 0.85em; 
color: var(--lightbox-text-dark-color); 
} 

.lightbox-data .lightbox-close { 
display: block; 
float: right; 
width: 30px; 
height: 30px; 
background: transparent url('../../public/gfx/lightbox/close.png') no-repeat right top; 
text-align: right; 
outline: none; 
opacity: 0.7; 
} 

.lightbox-data .lightbox-close:hover { 
opacity: 1; 
} 

/* Screen only rules */

@media screen { 
.lightbox-previous, .lightbox-next, .lightbox-data .lightbox-close:hover { 
cursor: pointer; 
} 
} 

/**//* Flexslider properties and values */

#main-area-slides { 
position: relative; 
display: block; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
padding: 0; 
border: 0; 
text-align: center; 
} 

.flexslider { 
position: relative; 
width: auto; 
max-width: none; 
max-height: none; 
margin: 0 auto; 
padding: 0; 
border: 0; 
vertical-align: top; 
} 

.loading .flex-viewport { 
max-height: 460px; 
} 

.flex-viewport { 
max-height: 2000px; 
transition: all 1s ease; 
} 

.flexslider .slides { 
position: relative; 
height: auto; 
margin: 0; 
} 

.flexslider .filmstrip { 
margin-top: 10px; 
} 

.flexslider .slides li { 
position: relative; 
height: auto; 
margin: 0; 
} 

.flexslider .slides > li { 
display: none; 
} 

.flexslider .slides img { 
position: relative; 
display: block; 
float: left; 
top: auto; 
width: 100%; 
} 

.flexslider .slides p { 
margin: 0; 
} 

html[xmlns] .slides { 
display: block; 
} 

.flexslider .filmstrip .slides li { 
opacity: 0.5; 
} 

.no-js .slides > li:first-child { 
display: block; 
} 

.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus { 
outline: none; 
} 

.slides, .flex-direction-nav, .flex-control-nav { 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 

.flex-pauseplay span { 
text-transform: capitalize; 
} 

.carousel li { 
margin-right: 5px; 
} 

.flexslider.filmstrip .slides li.flex-active-slide, .flexslider .filmstrip .slides li:hover, .flexslider .filmstrip .slides li:focus { 
opacity: 1.0 !important; 
} 

/* Direction navigation properties and values */

.flex-direction-nav * { 
height: 0; 
} 

.flex-direction-nav a { 
position: absolute; 
display: block; 
z-index: 10; 
top: 50%; 
width: 30px; 
height: 30px; 
background: transparent url('../gfx/flexslider/direction_navigation_bg.png') no-repeat 0 0; 
margin: -20px 0 0; 
text-indent: -9999px; 
color: inherit; 
opacity: 0; 
transition: all .3s ease; 
} 

.flex-direction-nav .flex-prev { 
left: -36px; 
} 

.flex-direction-nav .flex-next { 
right: -36px; 
background-position: 100% 0; 
} 

.flexslider:hover .flex-prev { 
left: 5px; 
opacity: 0.8; 
} 

.flexslider:hover .flex-next { 
right: 5px; 
opacity: 0.8; 
} 

.flexslider:hover .flex-prev:hover, .flexslider:hover .flex-next:hover { 
opacity: 1; 
} 

.flex-direction-nav .flex-disabled { 
opacity: 0.3 !important; 
} 

/* Paging navigation properties and values */

.flex-control-nav { 
position: relative; 	/* relative || absolute */
display: inline-block; 
bottom: 0; 
width: auto; 
margin: 0.6rem auto 0; 
padding: 0; 
border: 0; 
text-align: center; 
line-height: 11px; 
} 

.flex-control-nav li { 
display: inline-block; 
float: left; 
clear: right; 
margin: 0; 
} 

.flex-control-nav li a { 
margin: 0 6px; 
padding: 0; 
} 

.flex-control-paging li a { 
display: block; 
width: 11px; 
height: 11px; 
background-color: var(--flexslider-paging-background-link-color); 
border-radius: 20px; 
box-shadow: 0 0 3px rgba(0,0,0,0.3) inset; 
text-indent: -9999px; 
color: inherit; 
} 

.flex-control-paging li a:hover { 
background-color: var(--flexslider-paging-background-hover-color); 
color: inherit; 
} 

.flex-control-paging li a.flex-active { 
background-color: var(--flexslider-paging-background-active-color); 
color: inherit; 
} 

.flex-control-thumbs { 
position: static; 
margin: 5px 0 0; 
overflow: hidden; 
} 

.flex-control-thumbs li { 
float: left; 
width: 25%; 
margin: 0; 
} 

.flex-control-thumbs img { 
display: inline-block; 
margin: 10px 5px 0; 
opacity: 0.7; 
} 

.flex-control-thumbs img:hover, .flex-control-thumbs .flex-active { 
opacity: 1; 
} 

#main-area-slides .flex-control-thumbs li { 
width: auto; 
} 

#main-area-slides ol.flex-control-thumbs img { 
width: auto; 
margin: 10px 5px 0; 
} 

#main-area-slides .nav-hidden .flexslider { 
margin-bottom: 0; 
} 

#main-area-slides .nav-hidden .add-margin .flexslider { 
margin-bottom: 40px; 
} 

/* Fix for users with RTL languages */
.flex-viewport { 
direction: ltr; 
} 

/* Screen only rules */

@media screen { 
.flexslider .filmstrip .slides li, .flex-direction-nav a, .flex-control-paging li a, .flex-control-thumbs img { 
cursor: pointer; 
} 

.flex-direction-nav .flex-disabled, .flex-control-paging li a.flex-active, .flex-control-thumbs .flex-active { 
cursor: default; 
} 
} 

@media screen and (max-width: 810px) { 
.flex-direction-nav .flex-prev { 
left: 0; 
opacity: 1; 
} 

.flex-direction-nav .flex-next { 
right: 0; 
opacity: 1; 
} 
} 

@media screen and (max-width: 480px) { 
#main-area-slides { 
display: block; 
left: auto; 
} 

.flexslider { 
width: auto; 
height: auto; 
} 

.loading .flex-viewport { 
max-height: initial; 
} 

.flex-control-nav { 
bottom: 0; 
} 
} 

/* Print only rules */

@media print { 
#main-area-slides { 
display: none !important; 
} 
} 

/**//* Forms properties and values */

.form-box div h3 { 
border-bottom: 1px solid var(--base-border-color); 
text-shadow: 2px 2px 4px var(--base-text-shadow-color); 
} 

.form-info a, .form-info a:hover { 
color: var(--base-text-color); 
} 

.form-box p.form-subtitle { 
border-bottom: 1px solid var(--base-border-color); 
} 

.form-box fieldset fieldset { 
border: 1px solid var(--base-border-middle-color); 
border-radius: 3px; 
} 

/* Captcha */

.captcha-random-image img { 
border: 1px solid var(--base-border-light-color); 
} 

/* Messages */

.operation-no-records p span, .message-warning, .is-required { 
color: var(--highlighted-text-color); 
} 

/* Images containers properties and values */

.thumbs-box div.thumb-container { 
width: 33.33%; 
} 

div.thumb-left, div.thumb-centered, div.thumb-right, div.thumb-side-bar, div.image-left, div.image-centered, div.image-right, div.image-fluid { 
background-color: var(--media-containers-background-light-color); 
} 

div.thumb-left, div.thumb-right { 
width: var(--images-containers-thumbs-width); 
} 

div.thumb-centered { 
width: var(--images-containers-centered-thumbs-width); 
} 

div.thumb-side-bar { 
margin: 0 auto var(--media-containers-margin-width); 
} 

div.image-left, div.image-centered, div.image-right { 
width: var(--images-containers-regular-width); 
} 

div.thumb-left, div.image-left { 
margin: 0 calc(var(--media-containers-margin-width)*2) var(--media-containers-margin-width) 0; 
} 

div.thumb-centered, div.image-centered { 
margin: 0 var(--media-containers-margin-width) var(--media-containers-margin-width); 
} 

div.thumb-right, div.image-right { 
margin: 0 0 var(--media-containers-margin-width) calc(var(--media-containers-margin-width)*2); 
} 

div.thumb-legend { 
margin: 0 var(--media-containers-margin-width) var(--media-containers-margin-width); 
} 

div.thumb-centered + div.thumb-legend { 
margin-top: calc(calc(var(--media-containers-margin-width)/2)*-1); 
} 

/* Images properties and values */

img.align-left { 
float: left; 
margin: calc(var(--media-containers-margin-width)/2) calc(var(--media-containers-margin-width)*2) calc(var(--media-containers-margin-width)/2) 0; 
} 

img.align-right { 
float: right; 
margin: calc(var(--media-containers-margin-width)/2) 0 calc(var(--media-containers-margin-width)/2) calc(var(--media-containers-margin-width)*2); 
} 

img.align-center { 
display: block; 
margin: calc(var(--media-containers-margin-width)/2) auto; 
} 

/* Slideshow properties and values */

#slideshow-viewer { 
background-color: var(--media-containers-background-light-color); 
margin: 0 auto var(--media-containers-margin-width); 
} 

#slideshow-loading span { 
text-shadow: 0 3px 6px var(--base-text-shadow-color); 
} 

/* Enlarged image properties and values */

#enlarged-image-box, #enlarged-image-loading { 
background-color: var(--media-containers-background-light-color); 
} 

#enlarged-image-box { 
box-shadow: 2px 2px 4px var(--base-box-shadow-color); 
} 

/* Search thumbs properties and values */

#search-result-image-preview { 
background-color: var(--media-containers-background-light-color); 
box-shadow: 2px 2px 4px var(--base-box-shadow-color); 
} 

.search-result-thumbs-box div.thumb-container a { 
background-color: var(--highlighted-text-color); 
} 

/* Catalogues thumbs properties and values */

span.thumb-catalogue { 
background-color: var(--media-containers-background-light-color); 
padding: 8px; 
border: var(--media-containers-border-width) solid var(--base-box-shadow-light-color); 
box-shadow: 0px 0px 3px var(--media-containers-box-shadow); 
} 

span.thumb-catalogue img { 
/* border-radius: 5px; */
} 

#page.front-page #categories-trail { 
visibility: hidden; 
} 

#main-container span.thumb-catalogue-title { 
position: relative; 
display: block; 
top: auto; 
width: 92%; 
margin: 0 4%; 
font-size: 1.1em; 
text-align: right; 
} 

#main-container span.thumb-catalogue-title a, #main-container span.thumb-catalogue-title a:link, #main-container span.thumb-catalogue-title a:visited { 
text-decoration: none; 
} 

/* Images edges properties and values */

div.image-edge { 
border: var(--media-containers-border-width) solid var(--base-box-shadow-light-color); 
box-shadow: 0px 0px 3px var(--media-containers-box-shadow); 
} 

/* Tables properties and values */

table.data-grid, table.custom-table { 
background-color: transparent; 
color: var(--tables-text-dark-color); 
} 

.data-grid thead th, .custom-table thead th { 
background-color: var(--tables-background-dark-color); 
border: 1px solid var(--tables-border-color); 
color: var(--tables-text-light-color); 
} 

.data-grid tbody tr:nth-child(odd), .custom-table tbody tr:nth-child(odd) { 
background-color: var(--tables-background-light-color) !important; 
} 

.data-grid tbody tr:hover, .custom-table tbody tr:hover { 
background-color: var(--tables-background-middle-color) !important; 
} 

.data-grid tbody th, .custom-table tbody th { 
background-color: var(--tables-background-faded-color); 
border: 1px solid var(--tables-border-color); 
} 

.data-grid tbody td, .custom-table tbody td { 
border: 1px solid var(--tables-border-color); 
} 

.data-grid tfoot tr:nth-child(odd), .custom-table tfoot tr:nth-child(odd) { 
color: inherit; 
} 

.data-grid tfoot td, .custom-table tfoot td { 
color: inherit; 
} 

/**//* ---------- Big Display (> 1024) ---------- */

@media only screen and (min-width: 1025px) { 

/* Forms properties and values */

div.group.last-column > form { 
/* max-width: 800px !important; */
/* background-color: rgb(253,254,254); */
margin-bottom: 1.5rem !important; 
/* padding: 25px !important; */
/* box-shadow: 0 0 20px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.24); */
} 

div.group.last-column > form:first-child { 
/* margin-top: 1.2rem !important; */
} 

} 

/* ---------- Laptop Display (1024x768) ---------- */

@media screen and (min-width: 1024px) { 

/* Page properties and values */

#background-canvas { 
min-width: 1024px; 
background: transparent url('../../public/gfx/bg_photo.jpg') no-repeat center center fixed; 
background-size: cover; 
} 

} 


@media screen and (max-width: 1024px) { 

/* Page properties and values */

#background-canvas { 
left: 50%; 
margin-left: -50%; 
} 

} 


/* ---------- Tablet Portrait (768x1024) and Small Tablet Landscape (800x600) ---------- */

@media screen and (min-width: 768px) { 

/* Forms properties and values */

.form-box select { 
min-width: 40%; 
} 

.form-box textarea { 
min-width: 50%; 
} 

.form-box input[type="text"].text-tiny, .form-box select.select-tiny { 
min-width: 50px; 
} 

.form-box select.select-days { 
min-width: 50px; 
} 

.form-box select.select-months, .form-box select.select-data-amount { 
min-width: 100px; 
} 

.form-box select.select-years { 
min-width: 70px; 
} 

.form-box input.text-numbers-only, .form-box input[type="text"].text-color-picker { 
min-width: 100px; 
} 

.form-box input[type="text"].text-x-small, .form-box select.select-x-small { 
min-width: 100px; 
} 

.form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
min-width: 120px; 
} 

.form-box input[type="text"].text-small, .form-box input[type="password"].text-small, .form-box select.select-small { 
min-width: 125px; 
} 

.form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium { 
min-width: 40%; 
} 

.form-box input[type="text"].text-big, .form-box select.select-big { 
min-width: 50%; 
} 

.form-box input[type="file"], .form-box input[type="file"].file-upload { 
min-width: 45%; 
} 

} 


@media screen and (max-width: 810px) { 

/* Page properties and values */

body#page { 
padding: 0; 
} 

/* Layout properties and values */

#layout { 
margin: 0.3rem 0.6rem; 
padding: 0; 
} 

#layout-inner { 
margin: 0 auto; 
padding: 0; 
} 

/* Header properties and values */

#header { 
height: auto; 
} 

#logo-container { 
position: relative; 
display: inline-block; 
float: left; 
clear: right; 
} 

img#logo { 
max-width: 90%; 
margin: 0.5rem; 
} 

#header-inner-box { 
position: relative; 
display: block; 
float: right; 
clear: both; 
max-width: 100%; 
margin: 0 2.5rem; 
padding: 0.3em 0; 
text-align: right; 
} 

#welcome-panel { 
margin: 0 0 1rem 1rem; 
} 

#choose-language-panel { 
float: none; 
clear: both; 
margin: 0 0 1rem; 
text-align: left; 
} 

/* Forms properties and values */

div.form-box { 
display: block; 
clear: both; 
width: 90%; 
margin: 0 5%; 
} 

.form-box div { 
max-width: 100%; 
margin: 0 0 0.8rem; 
} 

.form-box input[type="text"].text-tiny, .form-box select.select-tiny { 
min-width: 50px; 
} 

.form-box select.select-days { 
min-width: 50px; 
} 

.form-box select.select-months, .form-box select.select-data-amount { 
min-width: 90px; 
} 

.form-box select.select-years { 
min-width: 70px; 
} 

.form-box input[type="text"].text-small, .form-box input[type="password"].text-small, .form-box select.select-small { 
width: 30%; 
} 

.form-box select, .form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium { 
width: 40%; 
} 

.form-box textarea, .form-box input[type="text"].text-big, .form-box select.select-big, .form-box input[type="file"], .form-box input[type="file"].file-upload { 
width: 50%; 
} 

.form-box input.text-numbers-only, .form-box input[type="text"].text-color-picker, .form-box input[type="text"].text-x-small, .form-box select.select-x-small, .form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
width: 40%; 
} 

.form-box fieldset fieldset.fieldset-small { 
width: 70%; 
} 

.form-box fieldset fieldset.fieldset-medium { 
width: 80%; 
} 

} 


@media screen and (max-width: 680px) { 

/* Top menu properties and values */

#menu-top .menu-option a span, #menu-top .menu-option-active a span { 
padding: 0 15px; 
} 

} 


/* ---------- Small Tablet Portrait (600x800) ---------- */

@media screen and (max-width: 600px) { 

/* Header properties and values */

#menu-languages li a span { 
margin: 0 8px; 
} 

/* Search area properties and values */

.search-area-form-box { 
display: block; 
clear: both; 
margin: 0 0 0.5rem; 
padding-right: 1em; 
} 

/* Main area properties and values */

#main-area-banner, #main-area-banner img { 
margin: 0 auto; 
} 

#main-area-left, #main-area-right { 
display: none; 
} 

#main-area-center { 
display: block; 
float: none; 
clear: both; 
width: 100%; 
padding: 0 0 0.5em; 
} 

/* Dashboard properties and values */

#cookies-usage-policy, #dashboard-switcher { 
font-family: Tahoma, Geneva, sans-serif; 
} 

/* Top menu properties and values */

#menu-top > li > a { 
padding-right: 10px; 
padding-left: 10px; 
} 

/* Forms properties and values */

.form-box fieldset { 
display: block; 
padding: 0.5em 0; 
} 

.form-box div { 
margin: 0 0 0.5rem; 
} 

.form-box div p.form-caption { 
margin-left: 6%; 
} 

.form-box div.form-row > label, .form-box div.form-row > label.label-text { 
float: none; 
clear: both; 
width: auto; 
margin-right: 2%; 	/* 2% */
text-align: left; 
} 

.form-box div.form-row.forgot-password > label { 
display: none; 
} 

.form-box select, .form-box textarea, .form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium, .form-box input[type="text"].text-big, .form-box select.select-big, .form-box input[type="file"], .form-box input[type="file"].file-upload { 
width: 90%; 
} 

.form-box div.annotation { 
margin: 0; 
} 

.form-box fieldset fieldset.fieldset-small { 
width: 80%; 
} 

.form-box fieldset fieldset.fieldset-medium { 
width: 90%; 
} 

.form-box ul.form-list-vertical { 
margin: 0.5em auto 1em; 
} 

.form-box ul.form-list-horizontal li { 
display: block; 
} 

.form-box div.form-buttons { 
padding: 0 0 0 10%; 
} 

/* Images properties and values */

.thumbs-box div.thumb-container { 
width: 50%; 
} 

} 


@media screen and (min-width: 481px) { 

/* Top area properties and values */

#top-area, #top-area-inner { 
position: relative; 
left: auto; 
} 

/* Captcha properties and values */

div.captcha-random-image, div.captcha-security-code { 
display: inline-block; 
float: left; 
clear: right; 
max-width: 50%; 
} 

.captcha-random-image img { 
margin: 1.5rem 1rem 0 0; 
} 

} 


/* ---------- Mobile Landscape (480x320) ---------- */

@media screen and (max-width: 480px) { 

/* Page properties and values */

body#page-closeup { 
padding: 0.8rem; 
} 

#background-canvas { 
display: none; 
left: 0; 
margin-left: 0; 
} 

#jumbotron-photo, #jumbotron { 
display: none; 
} 

/* Layout properties and values */

#layout { 
margin: 0.2rem 0.4rem; 
padding: 0; 
} 

#layout-inner { 
margin: 0 auto; 
padding: 0; 
} 

/* Header properties and values */

#header-inner-box { 
display: block; 
float: none; 
clear: both; 
margin: 0 1rem; 
padding: 0.6em 0; 
} 

#welcome-panel { 
/* display: none; */
float: none; 
min-width: 17rem; 
width: auto; 
margin: 0 0.5rem 1rem; 
} 

#welcome-panel span { 
max-width: 14rem; 
} 

#choose-language-panel { 
display: block; 
width: auto; 
margin: 0 auto 0.5rem; 
text-align: center; 
} 

#menu-languages li a span { 
display: none; 
} 

#menu-languages li a abbr { 
display: block; 
margin: 0 10px; 
text-transform: uppercase; 
} 

#menu-languages li:first-child a abbr { 
margin-left: 0; 
} 

#shopping-basket-panel { 
display: block; 
width: auto; 
margin: 0 auto 0.5rem; 
} 

#visitors-online-panel { 
display: none; 
} 

/* Search area properties and values */

#search-area, #search-area-inner { 
display: none; 
} 

/* Main container properties and values */

#main-container { 
margin: 0 1rem; 
padding-top: 1em; 
} 

/* Records properties and values */

.grid-box-block, .grid-box-inline, .grid-box-break { 
display: block; 
left: auto; 
top: auto; 
float: none; 
clear: both; 
width: auto; 
margin: 0 auto; 
border: 0; 
} 

.one-half, .one-third, .one-fourth, .one-fifth, .two-thirds, .three-fourths { 
display: block; 
float: none; 
clear: both; 
width: 100%; 
max-width: initial; 
margin-right: 0; 
} 

.last-column { 
margin-right: auto !important; 
} 

#second-section-area div.grid-box-inline, #second-section-area div.grid-box-break { 
width: auto; 
margin: 0 0 1rem; 
} 

#second-section-area div.grid-box-inline div.thumb-left, #second-section-area div.grid-box-inline div.thumb-centered, #second-section-area div.grid-box-inline div.thumb-right, #second-section-area div.grid-box-break div.thumb-left, #second-section-area div.grid-box-break div.thumb-centered, #second-section-area div.grid-box-break div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 8px; 
} 

#third-section-area div.grid-box-inline, #third-section-area div.grid-box-break { 
width: auto; 
margin: 0 0 1rem; 
} 

#third-section-area div.grid-box-inline div.thumb-left, #third-section-area div.grid-box-inline div.thumb-centered, #third-section-area div.grid-box-inline div.thumb-right, #third-section-area div.grid-box-break div.thumb-left, #third-section-area div.grid-box-break div.thumb-centered, #third-section-area div.grid-box-break div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 8px; 
} 

.record-text-2-columns, .record-text-3-columns, .record-text-4-columns { 
column-count: 1; 
column-gap: 0; 
} 

#grid-section-area div.grid-box-inline, #grid-section-area div.grid-box-break { 
width: auto; 
} 

#grid-section-area div.grid-box-inline, #grid-section-area div.grid-box-break { 
margin: 0 0 1rem; 
} 

/* Navigator properties and values */

.navigator-pages-counter, .navigator-box { 
display: block; 
float: none; 
clear: both; 
text-align: center; 
} 

.navigator-pages-counter { 
padding: 0.3em 1.2em 0; 
} 

.navigator-box { 
padding: 0.3em 0.6em 0; 
} 

/* Personal menu properties and values */

#personal-menu-box ul { 
display: flex; 
flex-wrap: wrap; 
} 

#personal-menu-box ul li { 
flex: 1; 
display: block; 
float: none; 
clear: both; 
margin: 0 auto; 
} 

#personal-menu-box ul li { 
flex-basis: 100%; 
} 

#personal-menu-box ul li.your-space { 
flex-basis: 33.333%; 
margin: 0.4rem auto 0.2rem; 
border-bottom: 0; 
} 

#personal-menu-box li a { 
display: block; 
line-height: 200%; 
} 

/* Footer properties and values */

#footer-inner { 
margin: 0 1rem; 
padding: 1em 0; 
} 

/* Scroll Up properties and values */

a.scroll-up, a.scroll-up:hover { 
visibility: hidden; 
} 

/* Privacy Policy properties and values */

a.privacy-policy, a.privacy-policy:hover { 
visibility: hidden; 
} 

/* Dashboard properties and values */

#dashboard-switcher { 
top: 5%; 
} 

/* Top area properties and values */

#top-area { 
display: block; 
float: none; 
clear: both; 
width: auto; 
border: 0; 
} 

#top-area-inner { 
display: block; 
top: auto; 
float: none; 
clear: both; 
width: auto; 
max-width: initial; 
min-height: 40px; 
border: 0; 
} 

.sticky { 
position: fixed; 
display: block; 
z-index: 100; 
left: 0; 
top: 0; 
right: 0; 
min-width: 100%; 
border-top: 0; 
box-shadow: 0 4px 4px -2px hsla(0,0%,0%,1); 
} 

/* Toggle button properties and values */

#menu-top-box-toggle { 
display: inline-block; 
} 

/* Top menu box properties and values */

#menu-top-box { 
position: relative; 
display: block; 
float: none; 
clear: both; 
width: auto; 
} 

/* Top menu properties and values */

ul#menu-top { 
display: block; 
height: auto; 
margin: 0 auto; 
border: 0; 
box-shadow: 0 4px 4px -2px hsla(0,0%,0%,1); 
} 

#menu-top > li { 
display: block; 
float: none; 
clear: both; 
width: 100%; 
height: auto; 
vertical-align: middle; 
text-align: left; 
} 

#menu-top > li > a { 
display: block; 
clear: both; 
width: auto; 
margin: 0; 
padding: 0 1.2em; 
border-top: 0; 
border-right: 0; 
border-bottom: 1px solid var(--navigation-border-color); 
border-left: 0; 
border-radius: 0; 
line-height: 40px; 
text-transform: uppercase; 
} 

#menu-top > li:first-child > a { 
border-top: 1px solid var(--navigation-border-color); 
border-left: 0; 
} 

#menu-top li:hover ul { 
position: relative; 
display: block; 
} 

/* Dropdown menu properties and values */

#menu-top ul { 
position: relative; 
display: none; 
width: 100%; 
height: auto; 
border: 0; 
} 

#menu-top ul li { 
position: relative; 
display: block; 
width: 100%; 
height: 40px; 
background-color: transparent; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
font: bold 1em/16px var(--navigation-font-family); 
color: inherit; 
} 

#menu-top ul li a, #menu-top ul li a:link { 
display: block; 
width: auto; 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left top; 
margin: 0; 
padding: 12px 0.833em; 
border-bottom: 1px solid var(--navigation-border-color); 
font: bold 1em/16px var(--navigation-font-family); 
color: var(--menu-top-link-color); 
text-decoration: none; 
} 

#menu-top ul li a:hover { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left center; 
color: var(--menu-top-hover-link-color); 
text-decoration: none; 
} 

#menu-top ul li ul, #menu-top ul li ul li ul { 
left: auto; 
top: auto; 
margin: 0 auto; 
} 

#menu-top ul li > ul, #menu-top ul li > ul li { 
display: none; 
} 

#menu-top .menu-option a span, #menu-top .menu-option-active a span { 
display: inline-block; 
margin: 0; 
padding: 0; 
} 

.dropdown-menu-arrow-down { 
display: inline-block; 
top: 0; 
right: auto; 
margin: 0 10px; 
} 

.dropdown-menu-arrow-right { 
display: none; 
} 

/* Bottom area properties and values */

#bottom-area { 
display: none; 
} 

/* Copyrights properties and values */

#copyrights-inner { 
margin: 0 1rem; 
padding: 1em 0; 
} 

span#loading-time { 
position: absolute; 
visibility: hidden; 
top: -999999em; 
left: auto; 
width: 1px; 
height: 1px; 
overflow: hidden; 
} 

/* Forms properties and values */

div.form-box { 
width: auto; 
margin: 0 auto; 
line-height: var(--base-line-height); 
} 

.form-box div.form-row > label > a { 
display: block; 
float: none; 
clear: both; 
width: auto; 
margin: 0; 
text-align: center; 
} 

.form-box select, .form-box textarea, .form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium, .form-box input[type="text"].text-big, .form-box select.select-big, .form-box input[type="file"], .form-box input[type="file"].file-upload { 
width: 85%; 
} 

.form-box input.text-numbers-only, .form-box input[type="text"].text-color-picker, .form-box input[type="text"].text-x-small, .form-box select.select-x-small, .form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
width: 50%; 
} 

.form-box div.form-buttons { 
padding: 0; 
} 

div.form-buttons.forgot-password { 
padding: 0 0 0 5%; 
} 

div.form-buttons .button { 
display: block; 
clear: both; 
min-width: 98%; 
margin: 0 auto 1rem; 
} 

/* Captcha properties and values */

div.captcha-random-image, div.captcha-security-code { 
display: block; 
float: none; 
clear: both; 
} 

.captcha-random-image img { 
margin: 1rem 0 0.5rem; 
} 

/* Messages properties and values */

div.message-panel { 
margin: 0 auto 0.5rem; 
padding: 0.8em 1em 0.6em 3.2em; 
} 

.message-panel p { 
max-width: 85%; 
} 

.operation-info, .operation-attention, .operation-failed, .operation-successful { 
background-position: 10px 12px; 
} 

/* Images properties and values */

div.thumb-left, div.thumb-right { 
width: calc(var(--images-containers-thumbs-width)*2); 
} 

div.thumb-centered, div.image-centered { 
clear: both; 
margin: 0 auto var(--media-containers-margin-width); 
} 

div.thumbs-box { 
width: auto; 
margin: 1rem auto; 
} 

.thumbs-box div.thumb-container { 
display: block; 
float: none; 
width: 100%; 
} 

#slideshow-controls > input[type="button"], #slideshow-controls > input[type="button"]:hover { 
width: 28px; 
margin: 0 auto 0.5rem; 
} 

#slideshow-controls-numbers { 
display: inline-block; 
width: 75%; 
margin: 0 auto; 
} 

#slideshow-controls-numbers input[type="button"], #slideshow-controls-numbers input[type="button"]:hover { 
width: 26px; 
margin: 0 auto 0.5rem; 
} 

/* Members properties and values */

div.members-grid.group > div { 
width: 84%; 
margin: 0 8%; 
min-height: 320px; 
} 

#parents-node > div, #member-node > div, div#children-node > div { 
width: 84%; 
margin: 0 8%; 
min-height: 320px; 
} 

div.node-horizontal-line, div.node-bottom { 
display: none; 
} 

div.person-card { 
display: block; 
clear: both; 
max-width: 100%; 
} 

} 


/* ---------- Cellphone (360x640) ---------- */

@media screen and (max-width: 360px) { 

/* Page properties and values */

body { 
font-size: var(--handheld-font-size); 
} 

body#page, body#page-intro, body#page-tabs, body#page-closeup { 
margin: 0; 
padding: 0; 
} 

#wrapper, #wrapper-intro, #wrapper-closeup { 
min-height: 100%; 
margin: 0 auto; 
padding: 0; 
border: 0; 
} 

#layout, #layout-inner, #layout-inner-box { 
display: block; 
max-width: 100%; 
margin: 0; 
border: 0; 
border-radius: 0; 
color: inherit; 
} 

#layout-inner-box { 
margin: 0 auto; 
} 

/* Headings */

h3.container-title, h3.form-title { 
margin: 0 auto 0.5rem; 
} 

/* Stage properties and values */

#stage { 
background-image: none; 
} 

/* Forms properties and values */

div.form-box { 
width: 100%; 
margin: 0; 
} 

.form-box select, .form-box textarea, .form-box input[type="text"].text-medium, .form-box input[type="password"].text-medium, .form-box input[type="search"].text-medium, .form-box select.select-medium, .form-box input[type="text"].text-big, .form-box select.select-big, .form-box input[type="file"], .form-box input[type="file"].file-upload { 
width: 85%; 
} 

.form-box input[type="text"].text-captcha, .form-box input[type="text"].text-date-picker { 
width: 50%; 
} 

.form-box fieldset fieldset.fieldset-small, .form-box fieldset fieldset.fieldset-medium { 
width: 90%; 
} 

} 

/**/