html { font-size:100%; font-family:Sans-serif; font-family:"colfax-web",Sans-serif; font-weight:400; line-height:125%; }

body { background-color:white; color:#51626f; margin:0; }
body.video_main { background-color:#011231; }
body.video_main main { color:white; }

body.vw_dt { min-width:1000px !important; } /* view width = desktop, > 1200 */
body.vw_dt > header { min-width:1000px !important; } /* view width = desktop, > 1200 */
body.vw_t {} /* view width = tablet/horizontal, ~500-1200 */
body.vw_m {} /* view width = mobile/vertical, ~320-500 */

body.vw_dt .hide_in_vw_dt { display:none !important; visibility:hidden !important; pointer-events:none !important; }
body.vw_t .hide_in_vw_t { display:none !important; visibility:hidden !important; pointer-events:none !important; }
body.vw_m .hide_in_vw_m { display:none !important; visibility:hidden !important; pointer-events:none !important; }

.table { display:table; }
.row { display:table-row; }
.row .cell { display:table-cell; vertical-align:top; text-align:left; }

h1 { font-weight:100; font-size:4rem; line-height:calc(1em + 3pt); letter-spacing:-1.5pt; color:#6f9ad3; margin:1em 0 0.5em 0; max-width:700px; }
h2 { font-weight:100; font-size:3rem; line-height:calc(1em + 3pt); letter-spacing:-1.2pt; color:#293239; margin:1em 0 0.5em 0; max-width:700px; }
h3 { font-weight:100; font-size:2.4rem; line-height:calc(1em + 3pt); letter-spacing:-1.2pt; color:#293239; margin:1em 0 0.5em 0; max-width:700px; }
h4 { font-weight:400; font-size:1.6rem; line-height:calc(1em + 3pt); letter-spacing:-0.8pt; color:#293239; margin:1em 0 0.5em 0; max-width:700px; }
h5 { font-weight:400; font-size:1.2rem; line-height:calc(1em + 3pt); letter-spacing:-0.5pt; color:#293239; margin:1em 0 0.5em 0; max-width:700px; }
h6 { font-weight:400; font-size:1rem; line-height:1em; letter-spacing:-0.25pt; color:#293239; margin:1em 0 1em 0; max-width:700px; }

body.vw_m h1 { font-size:2.75rem; }
body.vw_m h2 { font-size:2.4rem; }
body.vw_m h3 { font-size:2rem; }
body.vw_m h4 { font-size:1.5rem; }
body.vw_m h5 { font-size:1.05rem; }
body.vw_m h6 { font-size:1rem; }

body.video_main h1 { font-weight:100; font-size:5rem; line-height:calc(1em + 2pt); letter-spacing:-2pt; color:white; margin:0.5em 0 1em 0; }
body.video_main h2 { font-weight:100; font-size:4rem; line-height:calc(1em + 2pt); letter-spacing:-1.5pt; color:white; margin:0.5em 0 1em 0; }
body.video_main h3 { font-weight:100; font-size:3rem; line-height:calc(1em + 2pt); letter-spacing:-1.2pt; color:white; margin:0.5em 0 1em 0; }
body.video_main h4 { font-weight:100; font-size:2.4rem; line-height:calc(1em + 2pt); letter-spacing:-1.2pt; color:white; margin:0.5em 0 1em 0; }
body.video_main h5 { font-weight:400; font-size:1.6rem; line-height:calc(1em + 2pt); letter-spacing:-0.8pt; color:white; margin:0.5em 0 1em 0; }
body.video_main h6 { font-weight:400; font-size:1.4rem; line-height:1em; letter-spacing:-0.5pt; color:white; margin:0.5em 0 1em 0; }
body.video_main footer { margin-top:0 !important; }

body.vw_m.video_main h1 { font-weight:100; font-size:3.75rem/*4rem*/; line-height:calc(1em + 2pt); letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main h2 { font-weight:100; font-size:3.2rem; line-height:calc(1em + 2pt); letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main h3 { font-weight:100; font-size:2.4rem; line-height:calc(1em + 2pt); letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main h4 { font-weight:100; font-size:1.92rem; line-height:calc(1em + 2pt); letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main h5 { font-weight:400; font-size:1.28rem; line-height:calc(1em + 2pt); letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main h6 { font-weight:400; font-size:1.12rem; line-height:1em; letter-spacing:0; color:white; margin:0.5em 0 1em 0; }
body.vw_m.video_main footer { margin-top:0 !important; }

.clearfix:after { content:''; clear:both; display:table; height:0; visibility:hidden; }

.subtitle { font-weight:600; font-size:1em; line-height:calc(1em + 3pt); letter-spacing:-0.5pt; color:#51626f; text-transform:uppercase; }
a { text-decoration:none; color:#6f9ad3; }
b, strong { font-weight:900; color:#293239; }
small { font-weight:400; font-size:0.86em; letter-spacing:-0.5pt; color:#293239; }
p { margin:0 0 1em 0; max-width:744px; }

.subnavi { font-weight:400; font-size:0.86rem; line-height:1.06rem; letter-spacing:-0.5pt; color:#293239; }
.subnavi.act { font-weight:600; }

.containment { max-width:1200px; margin:0 auto; padding:0 2rem; }
.containment.max900 { max-width:900px !important; }
.containment.max1000 { max-width:1000px; margin-left:calc(50% - 450px); margin-right:calc(50% - 550px); }

body > header { position:fixed; top:0; right:0; left:0; color:white; display:block; height:6.35rem; overflow:visible; z-index:1000; }
@media screen and (device-width:320px) {
		body > header { max-width:320px !important; width:320px !important; }
	}
@media screen and (device-width:360px) {
		body > header { max-width:360px !important; width:360px !important; }
	}
@media screen and (device-width:375px) {
		body > header { max-width:375px !important; width:375px !important; }
	}
@media screen and (device-width:411px) {
		body > header { max-width:411px !important; width:411px !important; }
	}
@media screen and (device-width:414px) {
		body > header { max-width:414px !important; width:414px !important; }
	}

body > header nav {}
body > header nav ul { display:block; margin:0; padding:0; }
body > header nav ul li { display:block; float:left; clear:none; height:3.75rem; }
body > header nav ul li a {}

body > header .bar_main { height:3.75rem; background-color:#6f9ad3; overflow:visible; }
body > header .bar_main .containment { overflow:hidden; }
body > header .bar_main .containment > * { box-sizing:border-box; }

body > header nav.main { height:100%; color:white; float:left; clear:none; position:relative; left:-2.25rem; }
body > header nav.main ul {}
body > header nav.main ul li { border-right:solid 2px #5183c4; overflow:hidden; }
body > header nav.main ul li a { display:block; width:100%; height:100%; color:white; background-color:transparent; padding:1.25rem 1.5rem 0 1.5rem; font-size:0.85rem; text-transform:uppercase; }
body > header nav.main ul li a:hover, body > header nav.main ul li a:active, body > header nav.main ul li a.act { background-color:#5183c4; }
body > header nav.main ul li a.opened { background-color:white; color:#5183c4; }

body > header nav.main ul li:first-child a { padding-top:0.9rem; }
body > header nav.main ul li.no_hover a:hover { background-color:none !important; padding-top:0.9rem; }

body > header .main_search_toggler { display:block; float:right; clear:none; margin:1rem 0 0 0; }
body > header .main_search_toggler.disabled { opacity:0.5; cursor:default; }

body > header nav.help { float:right; clear:none; font-size:0.87rem; padding:1.25rem 0.5rem 0 0; overflow:hidden; }
body > header nav.help ul li { vertical-align:middle; }
body > header nav.help ul li a { color:white; padding:0 0.5rem 0 0.5rem; border-right:solid 2px #b7cce9; }
body > header nav.help ul li:last-child a { border-right:none; }

body > header nav.help ul li.has_subs {}
body > header nav.help ul li.sub_link { display:none; }

body > header .menu_help_sub { position:fixed; top:3.75rem; left:0; width:auto; padding:0.5em 0.5em 0 0.5em; z-index:1003; background-color:white; border:solid 4px #6f9ad3; box-shadow:0 0.15rem 0.625rem 0 rgba(0,0,0,0.15); transition:all ease-in-out 0.2s; transform:scale(1,1); transform-origin:top left; box-sizing:border-box; }
body > header .menu_help_sub.animate_hidden { transform:scale(1,0); opacity:0.2; }
body > header .menu_help_sub a { display:block; margin:0 0 0.5em 0; }

body > header nav.sub { position:absolute; top:3.75rem; right:0; left:0; height:auto/*2.5rem*/; background-color:rgba(255,255,255,0.9); color:#51626f; z-index:1001; }
body > header nav.sub:after { content:''; clear:both; display:table; }

body > header nav.sub_menu_anchors { visibility:hidden; font-size:0.82rem; border-bottom:solid 1px #bfc6c6; opacity:1/*0*/; transition:all .3s ease-in-out; transform:scale(1,1/*0*/); transform-origin:top left; }
body > header nav.sub_menu_anchors.displayed { opacity:1; transform:scale(1,1); }
body > header nav.sub_menu_anchors ul { display:block; margin:0.5rem 0 0 8.5rem; padding:0; }
body > header nav.sub_menu_anchors ul li { margin:0; padding:0; display:inline-block; height:2rem; }
body > header nav.sub_menu_anchors ul li a,
body > header nav.sub_menu_anchors ul li a:visited { display:block; border-right:solid 1px #c2c8cc; border-left:solid 1px #c2c8cc; padding:0.1rem 0.8rem 0.1rem 0.8rem; color:#293239; text-transform:uppercase; }
body > header nav.sub_menu_anchors ul li a:hover,
body > header nav.sub_menu_anchors ul li a:active,
body > header nav.sub_menu_anchors ul li a.act { font-weight:bold; opacity:0.75 }
body > header nav.sub_menu_anchors ul li:first-child a { border-left-width:2px; }
body > header nav.sub_menu_anchors ul li:last-child a { border-right-width:2px; }
body > header nav.sub_menu_anchors ul li a:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:0;
    overflow:hidden;
    visibility:hidden;
}

body.vw_t > header,
body.vw_m > header { max-width:100%; }
body.vw_t > header .containment,
body.vw_m > header .containment {}

body.vw_t > header nav.sub_menu_anchors .containment,
body.vw_m > header nav.sub_menu_anchors .containment { padding-left:1.25em; }
body.vw_t > header nav.sub_menu_anchors ul,
body.vw_m > header nav.sub_menu_anchors ul { margin-left:0; padding-left:0; }
body.vw_m > header nav.sub_menu_anchors ul li:first-child a { border-left:none; padding-left:0; }

body.vw_m > header nav.sub_menu_anchors { display:none; }
@media screen and (max-width:850px) {
		header nav.sub_menu_anchors { display:none !important; }
	}


body > header nav.sub_menu_popdown {
		position:fixed;
		display:none;
		height:0;
		overflow:hidden;
		z-index:1002;
		top:3.75rem;
		max-width:1256px;
		margin:0 auto 0 auto;
		padding:0;
		background:rgba(255,255,255,1);
		font-size:0.82rem;
		color:#51626f;
		-webkit-box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
		-moz-box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
		box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
	}
#sub_menu_popdown_overlay { display:block; background-color:transparent; position:fixed; top:3.75rem; right:0; bottom:0; left:0; z-index:1002; }

body > header nav.sub_menu_popdown .containment .contents { position:absolute; padding:2em 0 1em 0; width:1200px; display:flex; justify-content:left; align-items:flex-start; flex-wrap:wrap; }
body > header nav.sub_menu_popdown .containment .contents.no_top_padding { padding-top:0; }
body > header nav.sub_menu_popdown .containment .menu_info { display:block; position:static; padding:1em 0 1em 0; width:auto; }

body > header nav.sub_menu_popdown ul { box-sizing:border-box; margin:0 0 3rem 0; padding:0 2% 0 0; width:25%; flex-basis:25%; }
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
		body > header nav.sub_menu_popdown ul { width:23%; flex-basis:23%; }
	}
body > header nav.sub_menu_popdown ul li { display:block; float:none; clear:both; margin:0; padding:0; height:auto; line-height:1rem; border-bottom:solid 2px rgba(224,228,228,0.4); }
body > header nav.sub_menu_popdown ul li a { display:block; color:#01121f; padding:0.3em 0 0.4em 1em; }
body > header nav.sub_menu_popdown ul li a:hover, body > header nav.sub_menu_popdown ul li a.act { font-weight:500; color:#6f9ad3; }
body > header nav.sub_menu_popdown ul li.button_link,
body > header nav.sub_menu_popdown ul li.headline_link.no_subs { color:white !important; }
body > header nav.sub_menu_popdown ul li a:after {
		display:block;
		content:attr(title);
		font-weight:bold;
		height:0;
		overflow:hidden;
		visibility:hidden !important;
	}
body > header nav.sub_menu_popdown ul li.button_link a {
		display:block;
		background-color:#293239;
		color:white !important;
		padding:0.5em 0.5em 0.6em 1em;
		font-weight:400;
		border-radius:0.25em;
		-webkit-clip-path:polygon(0 0, 0 100%, calc(100% - 0.8em) 100%, 100% calc(100% - 0.8em), 100% 0);
		clip-path:polygon(0 0, 0 100%, calc(100% - 0.8em) 100%, 100% calc(100% - 0.8em), 100% 0);
	}
body > header nav.sub_menu_popdown ul li.button_link a:hover, 
body > header nav.sub_menu_popdown ul li.button_link a.act { background-color:#51626f; font-weight:400; }
body > header nav.sub_menu_popdown ul li.title { display:block; color:#294249; font-weight:500; padding:0.5em 0 0.1em 0; border-bottom:solid 2px #a3acb4; }

body > header nav.sub_menu_popdown ul li.headline_link {  display:block; color:#294249; font-weight:500; padding:0.5em 0 0.1em 0; border-bottom:solid 2px #a3acb4; }
body > header nav.sub_menu_popdown ul li.headline_link a { margin-bottom:0; padding-bottom:0; padding-left:0.5em; }
body > header nav.sub_menu_popdown ul li.headline_link a.act {}

body > header nav.sub_menu_popdown ul li.headline_link.no_subs { border-bottom:none; color:white !important; }
body > header nav.sub_menu_popdown ul li.headline_link.no_subs a {
		display:block;
		background-color:#293239;
		color:white !important;
		padding:0.5em 0.5em 0.6em 1em;
		font-weight:400;
		border-radius:0.25em;
		-webkit-clip-path:polygon(0 0, 0 100%, calc(100% - 0.8em) 100%, 100% calc(100% - 0.8em), 100% 0);
		clip-path:polygon(0 0, 0 100%, calc(100% - 0.8em) 100%, 100% calc(100% - 0.8em), 100% 0);
	}
body > header nav.sub_menu_popdown ul li.headline_link.no_subs a:hover, 
body > header nav.sub_menu_popdown ul li.headline_link.no_subs a.act { background-color:#51626f; color:white !important; font-weight:400; }

/* mobile main navigation */
body > header .mobile_menu_logo { display:block; float:left; clear:none; height:3.75rem; margin:0 0 0 -2em; }
body > header .mobile_menu_logo img { height:1.75em; border:none; margin:1rem; }
body > header .mobile_menu_toggler { display:block; width:3.85rem; height:3.75rem; display:block; float:right; clear:none; margin:0 -2em 0 0; background:transparent; transition:all .2s ease-in-out; border-left:solid 2px #5183c4; }
body > header .mobile_menu_toggler:hover,
body > header .mobile_menu_toggler.act { background-color:#5183c4; }
body > header .mobile_menu_toggler img { width:1.35rem; height:1.35rem; border:none; margin:1.2rem; }
body > header .mobile_menu_lang { display:block; width:3.95rem; height:3.75rem; overflow:hidden; font-size:1.5rem; line-height:0.5rem; font-weight:500; display:block; float:right; padding:1.1em 0.4em 0 0.8em; clear:none; margin:0; color:white; background:transparent; transition:all .2s ease-in-out; border-left:solid 2px #5183c4; }
body > header .mobile_menu_lang:hover,
body > header .mobile_menu_lang.act { background-color:#5183c4; }
body > header nav.main_m { 
		z-index:1002;
		font-size:0.95rem;
		position:fixed;
		top:3.75em;
		right:0;
		left:0;
		background-color:rgba(255,255,255,0.95);
		display:none;
		height:0;
		overflow:hidden;
		padding:0;
		-webkit-box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
		-moz-box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
		box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15);
	}
body > header nav.main_m .mainlink_container a.hot { font-weight:500 !important; }
body > header nav.main_m .mainlink_container { height:auto; margin:0 1.5rem 0 1.5rem; padding:0; border-bottom:solid 2px #a4bedf; }
body > header nav.main_m .mainlink_container:first-child { margin-top:1.25rem; }
body > header nav.main_m .mainlink_container:last-child { border-bottom:none; margin-bottom:1.25rem; }
body > header nav.main_m .mainlink_container > a { display:block; text-transform:uppercase; padding:0.75em 0 0.75em 0; font-weight:500; }
body > header nav.main_m .mainlink_container > a img.toggler { float:right; clear:none; margin:0 0.1em 0 0; width:1.25em; height:1.25em; transition:all .3s ease-in-out; transform:rotate(0); cursor:pointer; }
body > header nav.main_m .mainlink_container > a.act img.toggler { transform:rotate(45deg); }

body > header nav.main_m .mainlink_container .sub_m { display:none; height:0; overflow:hidden; padding:0 0 0.25em 0; }
body > header nav.main_m .mainlink_container .sub_m > .title { display:block; margin:0; padding:0.75em 0 0.75em 0; color:#51626f; border-top:solid 2px #a4bedf; font-weight:500; letter-spacing:0.1pt; }
body > header nav.main_m .mainlink_container .sub_m > .title img.toggler { display:block; float:right; clear:none; margin:0 0.1em 0 2em; width:1.25em; height:1.25em; transition:all .3s ease-in-out; transform:rotate(0);  cursor:pointer; }
body > header nav.main_m .mainlink_container .sub_m > .title img.toggler.act { transform:rotate(45deg); }
body > header nav.main_m .mainlink_container .sub_m > .title a { display:block; }
body > header nav.main_m .mainlink_container .sub_m > .title a:hover,
body > header nav.main_m .mainlink_container .sub_m > .title a.act { font-weight:500; color:black !important; }

body > header nav.main_m .mainlink_container .sub_m .sub_m_links { display:none; height:0; padding:0.5em 0 0 0; overflow:hidden; }
body > header nav.main_m .mainlink_container .sub_m .sub_m_links .title { display:block; font-weight:500; margin:1.5em 0 0 2em; padding:0 0 0.5em 0; color:#51626f; border-bottom:solid 1px #51626f; }
body > header nav.main_m .mainlink_container .sub_m .sub_m_links a { display:block; margin:0 0 0 2em; font-size:0.95em; padding:0.7em 0 0.7em 2em; color:#51626f; border-top:none; border-bottom:solid 1px rgba(0,0,0,0.2); }
body > header nav.main_m .mainlink_container .sub_m .sub_m_links a:hover,
body > header nav.main_m .mainlink_container .sub_m .sub_m_links a.act { font-weight:600; color:black !important; }
body > header nav.main_m .mainlink_container .sub_m .sub_m_links a:last-child { border-bottom:none; }

body > header .mobile_menu_search { width:100%; margin:0; padding:0; }
body > header .mobile_menu_search input[type="text"] { width:100%; height:3rem; font-size:1rem; background-color:rgba(0,0,0,0.1); background-image:url( '../new_graf/icon_gray_looking_glass.svg' ); background-repeat:no-repeat; background-position:1.5rem 50%; background-size:1.5rem 1.5rem; border:none; border-bottom:solid 1px #98a4ae; padding:0 0 0 3.25rem; }
body > header .mobile_menu_search input[type="text"].hide_looking_glass { background-image:none; }

body > header .mobile_menu_extra_buttons { width:100%; padding:0; margin:2.5em 0 0 0; float:none; clear:both; }
body > header .mobile_menu_extra_buttons button { width:100%; height:3rem; font-size:1rem; clear:both; background-color:#6f9ad3; color:white; border:none; border-top:solid 1px #5183c4; cursor:pointer; }
body > header .mobile_menu_extra_buttons button.mobile_menu_button_medical_shop { width:50%; float:left; clear:left; background-color:#ffcb4f; border-top:solid 1px #f2a900; font-size:3vw; }
body > header .mobile_menu_extra_buttons button.mobile_menu_button_mobile_shop { width:50%; float:left; clear:right; background-color:#ffcb4f; border-top:solid 1px #f2a900; border-left:solid 1px #f2a900; font-size:3vw; }

body.vw_t > header .mobile_menu_extra_buttons button.mobile_menu_button_medical_shop,
body.vw_t > header .mobile_menu_extra_buttons button.mobile_menu_button_mobile_shop { font-size:2vw; }

body > header .mobile_menu_extra_buttons button.mobile_menu_button_medical_shop:hover,
body > header .mobile_menu_extra_buttons button.mobile_menu_button_mobile_shop:hover { background-color:#f2a900; }
body > header .mobile_menu_extra_buttons button.mobile_menu_button_events { width:50%; float:left; clear:none; }
body > header .mobile_menu_extra_buttons button.mobile_menu_button_contact_us { width:50%; float:left; clear:none; border-left:solid 1px #5183c4; }
body > header .mobile_menu_extra_buttons button.mobile_menu_button_events:hover,
body > header .mobile_menu_extra_buttons button.mobile_menu_button_contact_us:hover { background-color:#5183c4; }

body > header .mobile_menu_extra_buttons .mobile_menu_share_controls { width:100%; float:none; clear:both; padding:0.5em 0.5em 0.25em 1em; color:#5183c4; font-size:1.25rem; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div { display:inline-block; vertical-align:middle; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div:first-child { vertical-align:20%; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div.addthis_toolbox { margin-left:1em; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div.addthis_toolbox a { margin-right:1em; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div.addthis_toolbox a .at-icon-wrapper { width:2em !important; height:2em !important; }
body > header .mobile_menu_extra_buttons .mobile_menu_share_controls div.addthis_toolbox a .at-icon-wrapper svg { width:2em !important; height:2em !important; }

body > header .main_search_container_wrapper { z-index:1005; position:fixed; top:calc(3.75rem - 4px); right:0; left:0; }
body > header .main_search_container_wrapper_liner { width:100%; max-width:1200px; margin:0 auto 0 auto; text-align:right; }
body > header .main_search_container { position:relative; float:right; overflow:visible; height:3rem; background-color:white; width:20rem; z-index:1003; border:solid 4px #6f9ad3; box-shadow:0 0.15rem 0.625rem 0 rgba(0,0,0,0.15); transition:transform ease-in-out 0.2s; transform-origin:top right; box-sizing:border-box; }
body > header .main_search_container.animate_hidden { transform:scale(1,0); opacity:0.2; }
body > header .main_search_container .submit { position:absolute; top:0.65rem; right:2.25rem; width:1.25rem; height:1.25rem; background-image:url( '../new_graf/icon_blue_chevron_right.svg' ); background-repeat:no-repeat; background-size:contain; cursor:pointer; }
body > header .main_search_container .close { position:absolute; top:0.5rem; right:0.5rem; width:1.5rem; height:1.5rem; background-image:url( '../new_graf/icon_toggler_mobile_menu.svg' ); background-repeat:no-repeat; background-size:contain; cursor:pointer; transform:rotate(45deg); }
body > header .main_search_container form { width:auto; height:100%; margin:0; padding:0; }
body > header .main_search_container form input[type="text"] { display:block; width:75%; height:2.25rem; background:transparent; margin:0; padding:0.2em 0 0.2em 0.5em; font-size:0.9em; border:none; }
body > header .main_search_container form .alert { background-color:#dd0000; color:white; padding:0.5em; box-shadow:0 0.15rem 0.625rem 0 rgba(0,0,0,0.15); position:relative; top:0.4em; }

body.vw_t > header .main_search_container,
body.vw_m > header .main_search_container { display:none; }

main { display:block; margin-top:7.25rem !important; max-width:1200px/*1440px*/; margin-left:auto; margin-right:auto; }
body.vw_t > main,
body.vw_m > main { margin-top:calc(3.75rem - 1px) !important; }

body.video_main main { max-width:none; margin-top:3.75rem !important; }

@media print {
		body > header { display:none !important; }
		body > main, main { margin-top:0 !important; }
		body > footer { display:none !important; }
	}


main section header.topmargin_zero { margin-top:0; margin-bottom:0; }

main section { padding:0; }
main section header {}
main section footer {}
main article { max-width:900px; margin:0 auto 0 auto; padding:0; }
main article header {}
main article footer {}

body.vw_m main article { margin:0 0 0 0 !important; }

main img[align="left"] { margin:0 2rem 2rem 0; }
main img[align="right"] { margin:0 0 2rem 2rem; }
main article img[align="left"] { margin:0 2rem 2rem -200px; }
main article img[align="right"] { margin:0 -200px 2rem 2rem; }

main > section > header,
main > section > .after_splash > header  { clear:both; }

main section > header > div > div[id^="vjpd-"] > h1 { max-width:900px; margin-right:auto; margin-left:auto; }

/* main section div[id^="vjpd-"] > h1 { max-width:900px; margin-right:auto; margin-left:auto; } */

aside { display:none; }

/* NEW FOOTER FROM WWW.BITTIUM.COM */
footer { clear:both; background-color:white; padding:1rem; width:auto; border-top:solid 1px #e0e6e6; margin:10.9rem 0 0 0; padding:2.5rem 0 6.25rem 0; }
footer * { padding:0; margin:0; }

footer .liner { width:100%; margin:0; padding:0 0 1rem 0 !important; display:block; clear:both; }
footer .liner:after { content:''; clear:both; display:table; height:1px; }
footer .liner .column_address_footer { width:20%; display:block; clear:none; float:left; }
footer .liner .column_menu_footer { width:80%; display:block; clear:none; float:left; }

footer .slogan_footer { font-size:1.5rem; color:#6f9ad3; margin:1rem 0 1rem 0; }

footer .address_footer { font-size:0.82rem; color:#293239; margin:0 0 1rem 0; }

footer nav ul { margin:0 padding:0; font-size:0.82rem; }
footer nav ul li { margin:0 padding:0; list-style:none; }

nav.quick_links_footer {}
nav.quick_links_footer ul { margin:0 padding:0; }
nav.quick_links_footer ul li {}
nav.quick_links_footer ul li a { display:block; padding:0; }
nav.quick_links_footer ul li a:after { content:' \203A'; }
nav.quick_links_footer ul li a.desktop_toggler:after { content:''; }

nav.menu_footer { font-size:0.82rem; }
nav.menu_footer ul { float:left; clear:none; padding:0 2% 0 0; width:calc(100% / 3 - 2%)/*23%*/; }
nav.menu_footer ul li { float:none; clear:both; border-bottom:solid 1px #e0e6e6; }
nav.menu_footer ul li a { display:block; color:#293239; padding:0.25rem 0 0.25rem 0; }
nav.menu_footer ul li.title { border-bottom:solid 1px #51626f; margin-bottom:0.75rem; display:block; font-size:0.92rem; font-weight:500; color:#6f9ad3; padding:0 0 0.25rem 0; }

footer .some_footer { font-size:0.82rem; margin:0 0 1rem 0; }
footer .some_footer div { margin:0.75em 0 0 0; }
footer .some_footer div a {}
footer .some_footer div a img { border:none; margin:0 0.25em 0 0; }

footer .copyright_footer { font-size:0.82rem; color:#293239; }

body.vw_t footer .row,
body.vw_m footer .row { display:block; }

body.vw_t footer .column_address_footer,
body.vw_m footer .column_address_footer { display:block !important; width:auto !important; min-width:100%; padding:0 0 1em 0 !important; }

body.vw_t footer .column_address_footer .logo_footer,
body.vw_m footer .column_address_footer .logo_footer { display:block !important; float:left; clear:none; width:50% !important; }
body.vw_m footer .column_address_footer .logo_footer img { max-width:calc(100% - 1em); height:auto; }
body.vw_m footer .column_address_footer .logo_footer .slogan_footer { font-size:1.15em; }
body.vw_t footer .column_address_footer .address_footer,
body.vw_m footer .column_address_footer .address_footer { display:block !important; float:right; clear:none; width:50% !important; }
body.vw_t footer .column_address_footer .quick_links_footer,
body.vw_m footer .column_address_footer .quick_links_footer { display:block !important; float:none; clear:both; width:auto !important; }
body.vw_t footer nav.quick_links_footer ul li a,
body.vw_m footer nav.quick_links_footer ul li a { display:inline-block; clear:both; padding:0.1em 0 0.1em 0; }

body.vw_t footer .some_footer,
body.vw_m footer .some_footer,
body.vw_t footer .copyright_footer,
body.vw_m footer .copyright_footer { clear:both; color:#293239; }


body.vw_t footer .some_footer div a img,
body.vw_m footer .some_footer div a img { margin:0 1em 0 0; }

body.vw_t footer .column_menu_footer,
body.vw_m footer .column_menu_footer { display:none !important; }

/*
OLD

footer { clear:both; background-color:white; padding:1rem; width:auto; border-top:solid 1px #e0e6e6; margin:10.9rem 0 0 0; padding:2.5rem 0 6.25rem 0; }
footer * { padding:0; margin:0; }

footer .liner { width:100%; max-width:900px; margin:0 auto 0 auto; padding:0 0 1rem 0 !important; display:block; clear:both; }
footer .liner:after { content:''; clear:both; display:table; height:1px; }
footer .liner .column_address_footer { width:20%; display:block; clear:none; float:left; }
footer .liner .column_quick_links_footer { width:30%; display:block; clear:none; float:left; }
footer .liner .column_some_footer { width:30%; display:block; clear:none; float:left; }

footer .slogan_footer { font-size:1.5rem; color:#6f9ad3; margin:1rem 0 1rem 0; }

footer .address_footer { font-size:0.82rem; color:#293239; margin:0 0 1rem 0; }

footer nav ul { margin:0 padding:0; font-size:0.82rem; }
footer nav ul li { margin:0 padding:0; list-style:none; }

nav.quick_links_footer {}
nav.quick_links_footer ul { margin:0 padding:0; }
nav.quick_links_footer ul li {}
nav.quick_links_footer ul li a { display:block; padding:0; }
nav.quick_links_footer ul li a:after { content:' \203A'; }
nav.quick_links_footer ul li a.desktop_toggler:after { content:''; }

nav.menu_footer { font-size:0.82rem; }
nav.menu_footer ul { float:left; clear:none; padding:0 2% 0 0; width:calc(100% / 3 - 2%); }
nav.menu_footer ul li { float:none; clear:both; border-bottom:solid 1px #e0e6e6; }
nav.menu_footer ul li a { display:block; color:#293239; padding:0.25rem 0 0.25rem 0; }
nav.menu_footer ul li.title { border-bottom:solid 1px #51626f; margin-bottom:0.75rem; display:block; font-size:0.92rem; font-weight:500; color:#6f9ad3; padding:0 0 0.25rem 0; }

footer .some_footer { font-size:0.82rem; margin:0 0 1rem 0; }
footer .some_footer div { margin:0.75em 0 0 0; }
footer .some_footer div a {}
footer .some_footer div a img { border:none; margin:0 0.25em 0 0; }

footer .copyright_footer { font-size:0.82rem; color:#293239; }

body.vw_t footer .row,
body.vw_m footer .row { display:block; }

body.vw_t footer .column_address_footer,
body.vw_m footer .column_address_footer { display:block !important; width:auto !important; min-width:100%; padding:0 0 1em 0 !important; }

body.vw_t footer .column_address_footer .logo_footer,
body.vw_m footer .column_address_footer .logo_footer { display:block !important; float:left; clear:none; width:50% !important; }
body.vw_t footer .column_address_footer .address_footer,
body.vw_m footer .column_address_footer .address_footer { display:block !important; float:right; clear:none; width:50% !important; }
body.vw_t footer .column_address_footer .quick_links_footer,
body.vw_m footer .column_address_footer .quick_links_footer { display:block !important; float:none; clear:both; width:auto !important; }
body.vw_t footer nav.quick_links_footer ul li a,
body.vw_m footer nav.quick_links_footer ul li a { display:inline-block; clear:both; padding:0.1em 0 0.1em 0; }

body.vw_t footer .some_footer,
body.vw_m footer .some_footer,
body.vw_t footer .copyright_footer,
body.vw_m footer .copyright_footer { clear:both; color:#293239; }


body.vw_t footer .some_footer div a img,
body.vw_m footer .some_footer div a img { margin:0 1em 0 0; }

body.vw_t footer .column_menu_footer,
body.vw_m footer .column_menu_footer { display:none !important; }
*/

/*
-----------------------------------------------------------
forms
*/
form {}
form .e_row { display:flex; width:100%; }
form .e_row .e_title { display:block; width:25%; vertical-align:top; margin:0; padding:0 0.5em 0.5em 0; }
form .e_row .e_field { display:block; width:75%; vertical-align:top; margin:0; padding:0 0.5em 0.5em 0; }
form .e_row .e_field input[type="text"],
form .e_row .e_field input[type="email"],
form .e_row .e_field input[type="password"],
form .e_row .e_field select,
form .e_row .e_field textarea { padding:0.2em 0.5em 0.2em 0.5em; font-size:1em; -webkit-appearance:none; border:1px solid #51626f; border-radius:3px; background:#f9fafa; font-family:inherit; width:100%; }
form .e_row .e_help { display:block; width:75%; vertical-align:top; margin:0 0 0 25%; padding:0 0.5em 0.5em 0; }

body.vw_m form .e_row { display:block; }
body.vw_m form .e_row .e_title,
body.vw_m form .e_row .e_field { width:100%; vertical-align:top; margin:0; padding:0.5em 0 0.25em 0; }

.form_error { font-weight:500; color:#ff6633; font-size:1rem; padding:1em; border:solid 2px #ff6633; }

form button { padding:0.5em 0.5em 1.5em 25%; }
form button[type="button"],
form button[type="reset"],
form button[type="submit"] {
		display:inline-block;
		font-size:0.8em;
		font-weight:500;
		padding:0.9em 2em 0.9em 1.25em;
		background-color:#5183c4;
		color:white;
		cursor:pointer;
		text-transform:uppercase;
		text-shadow:none !important;
		border:none;
		border-radius:2px;
		-webkit-clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
		clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
	}
form button.notch_left {
		padding:0.9em 1.25em 0.9em 2em;
		-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 1.25em 100%, 0 calc(100% - 1.25em));
		clip-path:polygon(0 0, 100% 0, 100% 100%, 1.25em 100%, 0 calc(100% - 1.25em));
	}

form button[type="button"]:hover,
form button[type="reset"]:hover { background-color:#2c5697; }
form button[type="submit"] { background-color:#c3e76f; color:#293239; }
form button[type="submit"]:hover { background-color:#84bd00; color:#293239; }


form#surveySheet { display:block; margin:1em 0 1em 0; font-size:1rem; width:100%; }
form#surveySheet .e_row { display:flex; width:100%; }
form#surveySheet .e_row .e_title { display:block; width:25%; vertical-align:top; margin:0; padding:0 0.5em 0.5em 0; }
form#surveySheet .e_row .e_field { display:block; width:75%; vertical-align:top; margin:0; padding:0 0.5em 0.5em 0; }
form#surveySheet .e_row .e_field input[type="text"],
form#surveySheet .e_row .e_field input[type="email"],
form#surveySheet .e_row .e_field input[type="password"],
form#surveySheet .e_row .e_field select,
form#surveySheet .e_row .e_field textarea { font-size:1em; -webkit-appearance:none; border:1px solid #51626f; border-radius:3px; background:#f9fafa; font-family:inherit; width:100%; }
form#surveySheet .e_row .e_help { display:block; width:75%; vertical-align:top; margin:0 0 0 25%; padding:0 0.5em 0.5em 0; }
form#surveySheet #surveySheetButtons { display:block; width:75%; vertical-align:top; padding:0.5em 0.5em 1.5em 25%; }
form#surveySheet #surveySheetButtons input[type="button"],
form#surveySheet #surveySheetButtons input[type="reset"],
form#surveySheet #surveySheetButtons input[type="submit"] {
		display:inline-block;
		font-size:0.8em;
		font-weight:500;
		padding:0.9em 2em 0.9em 1.25em;
		background-color:#5183c4;
		color:white;
		cursor:pointer;
		text-transform:uppercase;
		text-shadow:none !important;
		border:none;
		border-radius:2px;
		-webkit-clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
		clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
	}
form#surveySheet #surveySheetButtons input[type="button"]:hover,
form#surveySheet #surveySheetButtons input[type="reset"]:hover { background-color:#2c5697; }
form#surveySheet #surveySheetButtons input[type="submit"] { background-color:#c3e76f; color:#293239; }
form#surveySheet #surveySheetButtons input[type="submit"]:hover { background-color:#84bd00; color:#293239; }

#form-wrapper { position:fixed; left:0; top:0; width:0; height:0; opacity:0; background:rgba(0,0,0,0.7); transition:opacity 0.5s; z-index:999999; }
#form-wrapper .liner { position:relative; margin:5% auto 5% auto; width:500px; max-width:80%; height:80%; background:transparent; } 
#form-wrapper .liner .form-close { position:relative; top:-3rem; margin-bottom:-3rem; float:right; width:500px; max-width:80%; margin:3% calc(100% - 500px) 0 0; width:1.5em; height:1.5em; transition:opacity 0.5s; opacity:0.75; background-image:url( '../new_graf/icon_white_plus.svg' ); background-position:100% 100%; background-repeat:no-repeat; background-size:contain; cursor:pointer; transform:rotate(45deg); }
#form-wrapper .liner .form-close:hover { opacity:1; } 
#form-wrapper .liner .form-container { position:absolute; top:0; right:0; bottom:0; left:0; background:white; opacity:0; transition:opacity 0.5s; }
#form-wrapper .liner .form-container iframe { border:0; width:100%; height:100%; }
#form-wrapper .liner .form-container .form-liner { margin:1rem 2rem 2rem 2rem; }

.styled_file input { visibility:hidden; }

/*
-----------------------------------------------------------
paraphnelia
*/
.dot { display:inline-block; background-color:#6f9ad3; border-radius:100px; padding:0 0.375em 0 0.375em; color:white; }

.disabled { opacity:0.3; }

a.like_button { 
		display:inline-block;
		font-size:0.8em;
		font-weight:500;
		padding:0.9em 2em 0.9em 1.25em;
		background-color:#c3e76f;
		color:#293239;
		cursor:pointer;
		text-transform:uppercase;
		text-shadow:none !important;
		border-radius:2px;
		-webkit-clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
		clip-path:polygon(0 0, 0 100%, calc(100% - 1.25em) 100%, 100% calc(100% - 1.25em), 100% 0);
	}
a.like_button:hover, a.like_button:active { background-color:#84bd00; color:#293239; }
a.like_button.yellow_button { background-color:#ffcb4f; color:#51626f; }
a.like_button.yellow_button:hover, a.like_button.yellow_button:active { background-color:#f2a900; color:#293239; }
a.like_button.purple_button { background-color:#c966cd; color:white !important; }
a.like_button.purple_button:hover, a.like_button.purple_button:active { background-color:#981d97; color:white; }
a.like_button.blue_button { background-color:#5183c4; color:white; }
a.like_button.blue_button:hover, a.like_button.blue_button:active { background-color:#2c5697; color:white; }
a.like_button.grey_button { background-color:rgb(217,225,226); color:rgb(41,51,57); }
a.like_button.grey_button:hover, a.like_button.grey_button:active { background-color:rgb(197,205,206); color:rgb(41,51,57); }

nav.side_menu { position:fixed; right:0; top:calc(50% - 4rem); width:2rem; overflow:visible; font-size:1rem; display:table-cell; vertical-align:middle; height:8rem; }
nav.side_menu ul, nav.side_menu ul * { display:block !important; clear:both !important; float:none !important; }
nav.side_menu ul li { margin:0 0 0.1em 0 !important; padding:0 !important; height:auto; position:relative; }
nav.side_menu ul li a { width:2rem; height:2em; background-color:#6f9ad3; color:white; background-size:1.25em 1.25em; background-position:0.45em 50%; background-repeat:no-repeat; overflow:hidden; padding:0.5em 0 0.5em 0.5em; overflow:hidden; transition:all .3s ease-in-out; position:absolute; right:0; }
nav.side_menu ul li a img { opacity:1; transition:all .3s ease-in-out; display:inline-block !important; position:absolute; top:calc(50% - 0.75em); left:0.5em; height:1.5em; }
nav.side_menu ul li a .link_text { opacity:0; display:none; transition:all .3s ease-in-out; position:absolute; top:calc(50% - 0.5em); left:1em; line-height:1em; }
nav.side_menu ul li a:hover { background-color:#5183c4; width:5em; }
nav.side_menu ul li a:hover img { transform:scale(0,1); opacity:0; }
nav.side_menu ul li a:hover .link_text { opacity:1; display:inline-block; white-space:nowrap; }
nav.side_menu ul li a.stat_contact_us img { top:calc(50% - 0.6em); height:1.2em; }
nav.side_menu ul li a.stat_contact_us:hover { width:6.5em; }
nav.side_menu ul li a.stat_share { top:calc(3em + 2px); }
nav.side_menu ul li a.stat_share:hover { width:4em; }
nav.side_menu ul li a.stat_share.disabled,
nav.side_menu ul li a.stat_share.disabled:hover { opacity:0.5; cursor:default; width:2rem; }
nav.side_menu ul li a.stat_share.disabled:hover img { transform:scale(1,1); opacity:1; }
nav.side_menu ul li a.stat_share.disabled:hover .link_text { opacity:0; display:none; }

@media screen and (max-device-width:550px) {
		body.vw_m nav.side_menu { display:none; }
	}

.share_dialog { position:fixed; top:calc(50% - 4rem + 3em + 2px); right:0; width:auto; height:5rem; padding:0.5em 3em 0.5em 0.5em; background-color:white; z-index:1003; border:solid 4px #6f9ad3; box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.15); transition:transform ease-in-out 0.2s; transform-origin:top right; box-sizing:border-box; }
.share_dialog.animate_hidden { transform:scale(0,1); opacity:0.2; }
.share_dialog .close { position:absolute; top:0.5em; right:0.5em; width:1.25em; height:1.25em; background-image:url( '../new_graf/icon_toggler_mobile_menu.svg' ); background-repeat:no-repeat; background-size:contain; cursor:pointer; transform:rotate(45deg); }

#vw_dt_forced_mode_indicator { transition:all .3s ease-in-out; }
#vw_dt_forced_mode_indicator img { width:1em; height:1em; border:none; position:relative; top:0.1em; }

/*
-----------------------------------------------------------
effects
*/
.even_ease { transition:all .3s ease; }
.even_ease_slow { transition:all 1s ease; }
.rotate_45_right { transform:rotate(45deg); -webkit-transform:rotate(45deg); }

.text_shadow { text-shadow:0 0 0.3em rgba(0,0,0,0.5); }

.bg_blend_screen { background-blend-mode:screen !important; }
.bg_blend_multiply { background-blend-mode:multiply !important; }
.bg_blend_overlay { background-blend-mode:overlay !important; }
.bg_blend_darken { background-blend-mode:darken !important; }
.bg_blend_lighten { background-blend-mode:lighten !important; }
.bg_blend_dodge { background-blend-mode:color-dodge !important; }

.bg_purple { background-color:#981d97 !important; color:white; }
.bg_green { background-color:#84bd00 !important; }
.bg_blue { background-color:#2c5697 !important; color:white; }
.bg_grey { background-color:#293239 !important; color:white; }
.bg_yellow { background-color:#f2a900 !important; color:white; }
.bg_white { background-color:#dddddd !important; }

.bg_purple_hover { background-color:#c966cd !important; color:white !important; }
.bg_purple_hover:hover { background-color:#981d97 !important; color:white !important; }
.bg_green_hover { background-color:#c3e76f !important; color:#293239 !important; }
.bg_green_hover:hover { background-color:#84bd00 !important; color:white !important; }
.bg_blue_hover { background-color:#5183c4 !important; color:white !important; }
.bg_blue_hover:hover { background-color:#2c5697 !important; color:white !important; }
.bg_yellow_hover { background-color:#ffcb4f !important; color:#293239 !important; }
.bg_yellow_hover:hover { background-color:#f2a900 !important; color:white !important; }

.text_purple { color:#981d97; }
.text_green { color:#84bd00; }
.text_blue { color:#2c5697; }
.text_grey { color:#293239; }
.text_yellow { color:#f2a900; }
.text_white { color:white; }

@keyframes slight_pulse {
		0% { transform:scale(1, 1); opacity:0.5; }
		50% { transform:scale(1.05, 1.05); opacity:0.9; }
		100% { transform:scale(1, 1); opacity:0.5; }
	}

@keyframes slide_into_view {
		0% { opacity:0.1; left:5rem; }
		100% { opacity:1; left:0; }
	}

@keyframes pop_up {
		0% { transform:scale(1, 1); opacity:1; -webkit-box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); -moz-box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); }
		5% { transform:scale(1, 1); opacity:1; box-shadow:; -webkit-box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); -moz-box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); }
		20% { transform:scale(1, 1); opacity:1; -webkit-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); -moz-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); }
		100% { transform:scale(1.05, 1.05); opacity:1; -webkit-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); -moz-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); }
	}

@keyframes push_down {
		0% { transform:scale(1.05, 1.05); opacity:1; -webkit-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); -moz-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); box-shadow:0 0 2vw 1vw rgba(0,0,0,0.35); }
		80% { transform:scale(1, 1); opacity:1; -webkit-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); -moz-box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); box-shadow:0 0 2vw 1vw rgba(0,0,0,0.25); }
		95% { transform:scale(1, 1); opacity:1; box-shadow:; -webkit-box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); -moz-box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); box-shadow:0 0 2vw .5vw rgba(0,0,0,0.1); }
		100% { transform:scale(1, 1); opacity:1; -webkit-box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); -moz-box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); box-shadow:0 0 1vw .1rem rgba(0,0,0,0.05); }
	}

@keyframes burger_to_cross {
		0% { transform:scale(1, 1); opacity:0.5; }
		50% { transform:scale(1.05, 1.05); opacity:0.9; }
		100% { transform:scale(1, 1); opacity:0.5; }
	}
@keyframes cross_to_burger {
		0% { transform:scale(1, 1); opacity:0.5; }
		50% { transform:scale(1.05, 1.05); opacity:0.9; }
		100% { transform:scale(1, 1); opacity:0.5; }
	}

.flipper_stage { perspective:600px; }
.flipper_stage .flipper { width:100%; height:100%; position:relative; transition:all ease-in-out 0.5s; transform-style:preserve-3d; opacity:1; }
.flipper_stage .flipper .side { position:absolute; height:100%; width:100%; transform:rotateY(0); opacity:1; }
.flipper_stage .flipper.flipped_right { transform:rotateY(-90deg); opacity:0; }
.flipper_stage .flipper.flipped_left { transform:rotateY(90deg); opacity:0; }

.svg_dropshadow {
		-webkit-filter: drop-shadow( 0 0 0.5rem rgba(255,255,255,0.2) );
		filter: drop-shadow( 0 0 0.5rem rgba(255,255,255,0.2) );
	}

@keyframes zoom_fade_in {
		0% { transform:scale(1.5, 1.5); opacity:0.1; }
		100% { transform:scale(1, 1); opacity:1; }
	}
@keyframes zoom_fade_out {
		0% { transform:scale(1, 1); opacity:1; }
		100% { transform:scale(0.5, 0.5); opacity:0; }
	}

/*
-----------------------------------------------------------
regular page data elements
*/
body.vw_m { max-width:100% !important; min-width:100% !important; width:100% !important; }
body.vw_m [id^="vjpd-"] > table { display:block; clear:both; float:none; width:auto !important; height:auto !important; }
body.vw_m [id^="vjpd-"] > table tbody { display:block; clear:both; float:none; }
body.vw_m [id^="vjpd-"] > table tbody tr { display:block; clear:both; float:none; }
body.vw_m [id^="vjpd-"] > table tbody tr td { display:block; clear:both; float:none; width:auto !important; max-width:100% !important; height:auto !important; }

body.vw_m [id^="vjpd-"] > table tr td img { max-width:auto !important; width:auto !important; max-width:calc(100% - 4rem) !important; height:auto !important; max-height:100% !important; }
body.vw_m [id^="vjpd-"] > p img,
body.vw_t [id^="vjpd-"] > p img,
body.vw_m [id^="vjpd-"] > a > img,
body.vw_t [id^="vjpd-"] > a > img { max-width:auto !important; width:auto !important; max-width:calc(100% - 4rem) !important; height:auto !important; max-height:100% !important; }

body.vw_m [id^="vjpd-"] > table[class^="vj_border_"] { display:table; width:!important; height:!important; }
body.vw_m [id^="vjpd-"] > table[class^="vj_border_"] tbody { display:table-row-group; }
body.vw_m [id^="vjpd-"] > table[class^="vj_border_"] tbody tr { display:table-row; }
body.vw_m [id^="vjpd-"] > table[class^="vj_border_"] tbody tr td { display:table-cell; width:!important; max-width:auto !important; height:!important; }


/*
-----------------------------------------------------------
widgets
*/

/* widget: accordeon */
.widget_accordeon { float:none; clear:both; width:100%; max-width:1200px; font-size:1.15rem; margin:0 auto 5rem auto; padding:1rem 0 2rem 0; }
.widget_accordeon header { max-width:calc(1200px + 4rem); margin:0 auto 0 auto; }
.widget_accordeon header h3 { font-size:2.5em; margin:1rem 2rem 0.25em 2rem; font-weight:100; }
.widget_accordeon article { color:#293239; width:100%; max-width:100%; }
.widget_accordeon article header { font-size:1.3em; line-height:1.2em; letter-spacing:-0.5pt; padding:0.5em 0 0.5em 0; font-weight:400; cursor:pointer; }
.widget_accordeon article header .toggler { float:right; clear:none; width:1em; height:1em; cursor:pointer; }
.widget_accordeon article .contents_wrapper { display:block; height:0; overflow:hidden; padding:0; }
.widget_accordeon article .contents_wrapper .contents { padding:1em 0 2em 0; font-size:1rem; }

.widget_accordeon article .contents_wrapper .contents > div { margin-bottom:0.75em; }
.widget_accordeon article .contents_wrapper .contents > div:last-child { margin-bottom:0; }

.widget_accordeon article .contents_wrapper .contents table { max-width:100%; table-layout:fixed; }
.widget_accordeon article .contents_wrapper .contents table tbody {}
.widget_accordeon article .contents_wrapper .contents table tbody tr {}
.widget_accordeon article .contents_wrapper .contents table tbody tr td { width:2%; }
.widget_accordeon article .contents_wrapper .contents table tbody tr td img { max-width:100% !important; width:auto !important; height:auto !important; max-width:95% !important; }

.widget_accordeon article:nth-child(odd) { background-color:#ecf0f0; }
.widget_accordeon article:nth-child(even) { background-color:#f5f7f8; }

.widget_accordeon .extra_buttons { max-width:1200px; margin:2em 0 0 2rem; }
.widget_accordeon .extra_buttons a.like_button { margin:0 1em 0 0; }

body.video_main .widget_accordeon { background-color:white !important; }
body.video_main .widget_accordeon header h3 { color:#293239 !important; }

body.vw_m .widget_accordeon article header { font-size:1.1em; line-height:1.25em; letter-spacing:-0.25pt; }

body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td { font-size:2vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h1 { font-size:5vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h2 { font-size:4.5vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h3 { font-size:4vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h4 { font-size:3.5vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h5 { font-size:3vw !important; }
body.vw_m .widget_accordeon article .contents_wrapper .contents table tbody tr td h6 { font-size:2.5vw !important; }

/* widget: list_icons */
.widget_list_icons { float:none; clear:both; width:100%; max-width:1200px; font-size:0.9rem; margin:0 auto 2rem auto; background-color:#f6f8f8; padding:2rem 0 4rem 0; }
.widget_list_icons article { width:auto; max-width:calc(900px + 4rem); }
.widget_list_icons header h3 { font-size:2.5em; margin:0 0 0.75em 0; font-weight:100; }
.widget_list_icons .row { display:flex; align-content:center; align-items:left; flex-direction:row; justify-content:center; margin:3.5em 0 0 0; }
.widget_list_icons .row .cell { display:block; width:calc(100% / 3); padding:0 1.5em 2em 1.5em; }
.widget_list_icons .row .cell:first-child { padding-left:0; width:calc((100% / 3) - 1px); }
.widget_list_icons .row .cell:last-child { padding-right:0; width:calc((100% / 3) - 1px); }
.widget_list_icons .row .cell .icon_octagon { background-size:contain; background-repeat:no-repeat; background-image:url( '../new_graf/icon_blue_octagon.svg' ); background-position:center center; width:4.95em; height:4.95em; display:block; box-sizing:border-box; margin:0 auto 0 auto; padding:0; }
.widget_list_icons .row .cell .icon_octagon .icon_octagon_liner { display:table-cell; vertical-align:middle; text-align:center; width:4.95em; height:4.95em; margin:0; padding:0; }
.widget_list_icons .row .cell .icon_octagon .icon_octagon_liner img { position:relative; top:-0.25rem; margin:0; padding:0; width:2.25em; height:2.25em; border:none; }
.widget_list_icons .row .cell .icon_wrapper { width:5.15em; height:5.15em; display:block; box-sizing:border-box; margin:0 auto 0 auto; padding:0.2em; }
.widget_list_icons .row .cell .icon_wrapper img { position:relative; margin:0; padding:0; width:100%; height:auto; border:none; }
.widget_list_icons .row .cell h4 { font-size:1.1em; font-weight:500; letter-spacing:-0.1pt; color:#6f9ad3; margin:1em 0 0.9em 0; text-align:center; }
.widget_list_icons .row .cell p { font-size:1.05em; margin:0; font-weight:400; }
.widget_list_icons .row .cell.cell_sep { padding:0; width:1px; vertical-align:bottom; position:relative; }
.widget_list_icons .row .cell.cell_sep div { position:absolute; display:block; width:1px; top:6.25em; bottom:2em; left:0; background-color:#bcc4cb; }
.widget_list_icons.dark { background-color:#293239; }
.widget_list_icons.dark header h3 { color:#cfcfcf; }
.widget_list_icons.dark .row .cell p { color:#cfcfcf; }
.widget_list_icons.dark .row .cell.cell_sep div { background-color:#51626f; }

body.vw_m .widget_list_icons { padding-bottom:1rem; }
body.vw_m .widget_list_icons:after { content:''; display:table; clear:both; }
body.vw_m .widget_list_icons .row { display:block; margin-top:0; }
body.vw_m .widget_list_icons .row .cell { display:block; width:100%; clear:both; border-top:solid 1px #e0e6e6; padding:0; }
body.vw_m .widget_list_icons.dark .row .cell { border-top-color:#51626f; }
body.vw_m .widget_list_icons .row .cell:after { content:''; display:table; clear:both; }
body.vw_m .widget_list_icons .row:nth-child(2) .cell:first-child { border-top:none; }
body.vw_m .widget_list_icons .row .cell .icon_octagon { float:left; clear:none; height:100%; width:calc(100% / 3); min-height:7rem; background-size:5rem; background-position:1rem 1rem; padding:1em 0 0 0; }
body.vw_m .widget_list_icons .row .cell .icon_octagon * { float:none; clear:both; }
body.vw_m .widget_list_icons .row .cell .icon_octagon .icon_octagon_liner { width:5.25em; height:5.25em; position:relative; left:0.55rem; }
body.vw_m .widget_list_icons .row .cell .icon_octagon .icon_octagon_liner img { width:2.25em; height:2.25em; top:0; }
body.vw_m .widget_list_icons .row .cell .icon_wrapper { float:left; clear:none; padding:1.25em 0 0.2em 1.2em; height:100%; width:calc(100% / 3); }
body.vw_m .widget_list_icons .row .cell .icon_wrapper img { width:5.25em; height:5.25em; }
body.vw_m .widget_list_icons .row .cell.cell_sep { display:none; }
body.vw_m .widget_list_icons .row .cell h4 { text-align:left; }
body.vw_m .widget_list_icons .row .cell .text_content { float:left; clear:right; width:calc(100% / 3 * 2); padding:0 0 1em 0; }

body.vw_m .widget_list_icons .row .cell .text_content { height:100%; min-height:7rem; display:flex; align-content:center; align-items:left; flex-direction:column; justify-content:center; padding:0; margin:0; }

/* widget: list_plain */
.widget_list_plain { float:none; clear:both; width:100%; max-width:1200px; font-size:0.9rem; margin:0 auto 0/*2rem*/ auto; background-color:#f6f8f8; padding:2.5rem 0 3rem 0; }
.widget_list_plain article { width:auto; max-width:calc(900px + 4rem); }
.widget_list_plain article .containment { padding:0 2rem 0 2rem !important; }
.widget_list_plain header h3 { font-size:2.5em; margin:0 0 0.75em 0; font-weight:100; }
.widget_list_plain .row { display:flex; border-collapse:separate; border-spacing:0.5rem; margin:0; }
.widget_list_plain .row .cell { display:block; width:calc(33.33% + 3em); padding:0 1.5em 1.75em 1.5em; }
.widget_list_plain .row .cell:first-child { padding-left:0; width:33.33%; }
.widget_list_plain .row .cell:last-child { padding-right:0; width:33.33%; }
.widget_list_plain .row .cell h4 { font-size:1.1em; font-weight:500; letter-spacing:-0.1pt; color:#6f9ad3; margin:0 0 0.9em 0; }
.widget_list_plain .row .cell p { font-size:1.05em; margin:0; font-weight:400; }
.widget_list_plain .row .cell.cell_sep { padding:0; width:1px; vertical-align:bottom; position:relative; }
.widget_list_plain .row .cell.cell_sep div { position:absolute; display:block; width:1px; top:0.25em; bottom:1.05em; left:0; background-color:#bcc4cb; }

.widget_list_plain.dark { background-color:#293239; }
.widget_list_plain.dark header h3 { color:#cfcfcf; }
.widget_list_plain.dark .row .cell p { color:#cfcfcf; }
.widget_list_plain.dark .row .cell.cell_sep div { background-color:#51626f; }

.widget_list_plain.white { background-color:white; }
.widget_list_plain.white header h3 { color:#293239; }

.widget_list_plain.with_bottom_margin { margin-bottom:2rem; }

body.vw_m .widget_list_plain { padding-bottom:1rem; }
body.vw_m .widget_list_plain:after { content:''; display:table; clear:both; }
body.vw_m .widget_list_plain .row { display:block; margin-top:0; }
body.vw_m .widget_list_plain .row .cell { display:block; width:100%; clear:both; border-top:solid 1px #e0e6e6; padding:1em 0 1em 0; }
body.vw_m .widget_list_plain.dark .row .cell { border-top-color:#51626f; }
body.vw_m .widget_list_plain .row .cell:after { content:''; display:table; clear:both; }
body.vw_m .widget_list_plain .row:nth-child(2) .cell:first-child { border-top:none; }
body.vw_m .widget_list_plain .row .cell.cell_sep { display:none; }
body.vw_m .widget_list_plain .row .cell h4 { text-align:left; }
body.vw_m .widget_list_plain .row .cell .text_content { float:left; clear:right; width:calc(100% / 3 * 2); padding:0 0 1em 0; }

/* widget: cases */
.widget_cases { float:none; clear:both; width:auto; max-width:1200px; font-size:0.85rem; padding:0; margin:0 auto 4rem auto; }
.widget_cases .layout { position:relative; margin:0; padding:0; min-height:40vw; height:auto; }
.widget_cases .layout .cell {
		overflow:visible;
		position:absolute;
		margin:0;
		padding:0;
		display:block;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:50% 50%;
		transition:all .6s ease;
		border-color:transparent !important;
	}
.widget_cases header h3 { margin:1em 0 0.5em 0; }
.widget_cases .layout .cell article { position:relative; display:block; padding:0; margin:0; height:calc(100% + 2px); width:calc(100% + 2px); bottom:0; max-width:none; color:inherit; transition:all .6s ease; }
.widget_cases .layout .cell article h3 { margin:0.125em 0 0 0; color:inherit; font-size:3em; text-shadow:0 0 0.3em rgba(0,0,0,0.5); }
.widget_cases .layout .cell article p { color:inherit; text-shadow:0 0 0.3em rgba(0,0,0,0.5); font-size:1.05em; margin:0; font-weight:500; letter-spacing:0.05em; }

.widget_cases .layout .cell article .visible_content,
.widget_cases .layout .cell article .hidden_content { opacity:1; position:absolute; display:block; overflow:visible; width:auto; right:0; bottom:0; left:0; padding:3em 3.5em 3em 3.5em; color:inherit; transition:all .6s ease; }
.widget_cases .layout .cell article .hidden_content { opacity:0; }
.widget_cases .layout .cell:hover {}
.widget_cases .layout .cell:hover article.animatable .visible_content { opacity:0; }
.widget_cases .layout .cell:hover article.animatable .hidden_content { opacity:1; }

.widget_cases .layout .cell article.overlay_black { background-color:rgba(0,0,0,0.5) !important; }
.widget_cases .layout .cell article.overlay_blue { background-color:rgba(44,86,151,0.5) !important; }
.widget_cases .layout .cell article.overlay_green { background-color:rgba(132,189,0,0.5) !important; }
.widget_cases .layout .cell article.overlay_purple { background-color:rgba(152,29,151,0.5) !important; }
.widget_cases .layout .cell article.overlay_grey { background-color:rgba(41,50,57,0.5) !important; }
.widget_cases .layout .cell article.overlay_yellow { background-color:rgba(242,169,0,0.5) !important; }
.widget_cases .layout .cell article.overlay_white { background-color:rgba(221,221,211,0.5) !important; }

.widget_cases .layout .cell article.only_image { top:0; left:0; width:100%; height:100%; padding:0; }
.widget_cases .layout .cell article.only_image a { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:10; }

.widget_cases .layout_1 .cell.cell_1 { top:0; left:0; right:calc(50% + 2px); bottom:0; border-right:solid 2px transparent; }
.widget_cases .layout_1 .cell.cell_2 { top:0; left:50%; right:0; bottom:calc(50% + 1px); border-bottom:solid 2px transparent; }
.widget_cases .layout_1 .cell.cell_3 { top:calc(50% + 1px); left:50%; right:0; bottom:0; }
.widget_cases .layout .text_white h3, .widget_cases .layout .text_white p { color:white !important; }
.widget_cases .layout .text_black h3, .widget_cases .layout .text_black p { color:black !important; }

body.vw_dt .widget_cases .containment { padding-left:0; padding-right:0; }

body.vw_t .widget_cases .layout,
body.vw_m .widget_cases .layout { display:block !important; position:relative !important; top:0; left:0; border-top:solid 2px white; }
body.vw_t .widget_cases .layout .cell,
body.vw_m .widget_cases .layout .cell { height:30rem; display:block !important; position:static !important; }
body.vw_t .widget_cases .layout .cell article,
body.vw_m .widget_cases .layout .cell article { min-height:30rem; display:block !important; position:relative !important; width:100%; max-height:none !important; height:auto !important; border-bottom:solid 2px white; }
body.vw_t .widget_cases .layout .cell article h3 { font-size:6vw; }
body.vw_m .widget_cases .layout .cell article h3 { font-size:2.5em; text-shadow:0 0 0.3em rgba(0,0,0,0.75) !important; }
body.vw_t .widget_cases .layout .cell article p { font-size:2.1vw; }
body.vw_m .widget_cases .layout .cell article p { font-size:1.1em; text-shadow:0 0 0.3em rgba(0,0,0,0.75) !important; }

body.vw_m .widget_cases .layout .hidden_content, 
body.vw_m .widget_cases .layout .visible_content { padding-right:2em; padding-left:2em; }
body.vw_m .widget_cases .layout .hidden_content .cell article h3 { font-size:2em; }
body.vw_m .widget_cases .layout .hidden_content .cell article p { font-size:1em; }

body.vw_t .widget_cases,
body.vw_m .widget_cases { margin-bottom:4rem !important; }

body.vw_m .widget_cases .layout .cell article.only_image { position:relative !important; }

body.vw_m .widget_cases header h3 { font-size:2rem; }


body .img_modal_wrapper { position:fixed; left:0; top:0; width:0; height:0; opacity:0; background:rgba(0,0,0,0.7); transition:opacity 0.5s; z-index:999999; }
body .img_modal_wrapper .modal_container { margin:0 auto 5% auto; width:80%; max-height:80%; overflow:hidden; padding:1px; text-align:center; opacity:0; transition:opacity 0.5s; }
body .img_modal_wrapper .modal_container img { max-width:100%; max-height:80vh; height:auto; width:auto; vertical-align:middle; }
body .img_modal_wrapper .modal_closer { width:80%; margin:3% auto 0 auto; text-align:right; font-size:2em; line-height:1em; color:#ffffff; font-weight:bold; cursor:pointer; }
body .img_modal_wrapper .modal_closer img { transform-origin:center middle; transform:rotate(45deg); }

/* widget: links */
.widget_links { float:none; clear:both; width:100%; max-width:100%; font-size:1rem; margin:0 0 2rem 0; }
.widget_links article { width:default; max-width:none; }
.widget_links .containment { padding-right:0; padding-left:0; }
.widget_links .containment header {}
.widget_links .containment header h3 { font-size:1.65em; font-weight:400; margin:0 0 0.5em 0; }
.widget_links .containment .table { width:100%; border-top:solid 1px #e0e6e6; }
.widget_links .containment .table .row { width:100%; transition:all .6s ease; }
.widget_links .containment .table .row:hover { background-color:rgba(248,248,248,0.5); }
.widget_links .containment .table .row .cell { border-bottom:solid 1px #e0e6e6; padding:0.75em 1em 0.8em 1.25em; vertical-align:middle; width:calc(85% - 1px); }
.widget_links .containment .table .row .cell:first-child { width:10%; min-width:5rem; border-left:solid 4px #5183c4; font-size:0.75em; line-height:1.1em; color:#5183c4; }
.widget_links .containment .table .row .cell:last-child { width:5%; border-right:solid 1px #e0e6e6; text-align:center; overflow:hidden; }
.widget_links .containment .table .row .cell:last-child img { cursor:pointer; border:none; transition:all .6s ease; }
.widget_links .containment .table .row:hover .cell:last-child img[src*="chevron"] { transform:translate(0.25em,0); }
.widget_links .containment .table .row:hover .cell:last-child img[src*="download"] { transform:translate(0,0.2em); }
.widget_links .containment .table .row:hover .cell.contains_title { color:black !important; }
.widget_links .containment .table .row .cell.sep { width:1px; padding:0; vertical-align:middle; position:relative; min-width:1px; }
.widget_links .containment .table .row .cell.sep div { position:absolute; display:block; width:1px; top:0.5em; bottom:0.5em; margin:0; padding:0; border-left:solid 1px #e0e6e6; }

body.video_main .widget_links .containment header h3 { font-size:3.25em; color:#6f9ad3 !important; text-shadow:0 0 0.3em rgba(0,0,0,0.5); font-weight:200; }
body.video_main .widget_links .containment .table .row { background-color:white; }
body.video_main .widget_links .containment .table .row .cell:first-child { width:7.5%; }
body.video_main .widget_links .containment .table .row .cell:nth-child(3) { color:#293239 !important; }
body.video_main .widget_links .containment .table .row:hover { background-color:#fafafa; }
body.video_main .widget_links .containment .table .row:hover .cell.contains_title { color:black !important; }

/* widget: gmap */
.widget_gmap { display:block; margin:0 !important; padding:0 !important; }
.widget_gmap article { min-height:3rem; min-width:100% !important; width:100% !important; margin:0 !important; padding:0 !important; position:relative; }
.widget_gmap article header { max-width:1200px; margin:0 auto 0 auto; }
.widget_gmap article header h3 { margin:0; line-height:1em; margin:0 0 0.2em 0; }
.widget_gmap article .gmap_map { margin:0; padding:0; height:34rem; min-height:32rem; width:100% !important; margin:0; padding:0; }
.widget_gmap article .gmap_map.zoom_0 { height:14rem; }
.widget_gmap article .gmap_map.zoom_1 { height:16rem; }
.widget_gmap article .gmap_map.zoom_2 { height:32rem; }
.widget_gmap article .gmap_map.zoom_3 { height:34rem; }
.widget_gmap article .gmap_location_infos { position:absolute; top:0; right:4rem; bottom:3rem; width:1px; background:transparent; display:block; min-height:20rem; overflow:visible; }
.widget_gmap article .gmap_location_infos .info { display:block; width:10rem; transform:scale(1,1); opacity:1; position:absolute; right:0; bottom:0; min-width:20rem; width:auto; background:white; box-shadow:0 0 0.625rem 0 rgba(0,0,0,0.35); padding:2em 1em 1em 1em; border:solid 4px #6f9ad3; transition:transform ease-in-out 0.2s; transform-origin:bottom right; box-sizing:border-box; }
.widget_gmap article .gmap_location_infos .info.animate_hidden { transform:scale(1,0); opacity:0.2; }
.widget_gmap article .gmap_location_infos .info .close { position:absolute; top:0.5rem; right:1rem; width:1.5rem; height:1.5rem; background-image:url( '../new_graf/icon_toggler_mobile_menu.svg' ); background-repeat:no-repeat; background-size:contain; cursor:pointer; transform:rotate(45deg); }

/* widget: carousel_slider */
.widget_carousel_slider { position:relative; width:auto; height:640px; min-height:200px; overflow:hidden; }
.widget_carousel_slider .widget_carousel_frame { width:100%; max-width:100% !important; position:absolute; top:0; right:0; bottom:0; left:0; display:none; }
.widget_carousel_slider .widget_carousel_frame:first-child { display:block; }

.widget_carousel_slider .widget_carousel_frame .containment { padding:0 !important; max-width:100%; height:100%; }

.widget_carousel_slider .widget_carousel_frame .contents_wrapper { width:100% !important; height:100%; margin:0 !important; position:relative; }

.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div { position:absolute; right:0; top:0; bottom:0; text-align:left; vertical-align:middle; }

.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_image { width:60%; background-size:cover; background-repeat:no-repeat; }

.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info { 
	width:64.5%; min-width:54.5rem/*44rem*/; left:0; right:; background-image:url( '../new_graf/bg_carousel_slider_white_overlay.svg' ); background-size:cover; background-position:100% 100%; background-repeat:no-repeat;
	display:flex; align-content:center; align-items:left; flex-direction:column; justify-content:center;
}
.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header { margin:0 9rem 0 6rem !important; padding-top:0/*6vw*/; }
.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header h2 { color:#6f9ad3; font-size:3.6rem/*4.15vw*/ !important; line-height:1.1em; margin:0 0 0.4em 0; } /* 5rem */
.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header .frame_body {}
.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header .frame_body p { font-size:1.5rem/*1vw*/; line-height:1.45em; margin:0 0 2em 0; max-width:85%; }
.widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header a.like_button { font-size:0.8rem/*1vw*/; margin:0 1em 1.15em 0; }

.widget_carousel_slider .widget_browser_links { position:absolute; bottom:1rem; left:6rem; right:calc(100% - 30rem); display:block; margin:0; font-size:1rem; padding:0; text-align:center; }
.widget_carousel_slider .widget_browser_links .liner { font-size:0; }
.widget_carousel_slider .widget_browser_links a,
.widget_carousel_slider .widget_browser_links a:visited { font-size:1rem; display:inline-block; float:none; clear:none; color:#51626f !important; opacity:0.5; line-height:1em; height:1em; border-left:solid 1px #51626f; border-right:solid 1px #51626f; padding:0 0.4em 0 0.4em; margin:0 !important; }
.widget_carousel_slider .widget_browser_links a:first-child { border-left-width:2px; }
.widget_carousel_slider .widget_browser_links a:last-child { border-right-width:2px; }
.widget_carousel_slider .widget_browser_links a:hover,
.widget_carousel_slider .widget_browser_links a:active,
.widget_carousel_slider .widget_browser_links a.act { opacity:1; }

.widget_carousel_slider .widget_carousel_frame.zoom_in { animation:flip_in 0.2s linear 1; transform-origin:0 0; }
.widget_carousel_slider .widget_carousel_frame.zoom_out { animation:flip_out 0.5s linear 1; transform-origin:100% 0; }
.widget_carousel_slider .widget_carousel_frame.zoom_in.reversed { transform-origin:100% 0; }
.widget_carousel_slider .widget_carousel_frame.zoom_out.reversed { transform-origin:0 0; }

@keyframes flip_in {
		0% { transform:scale(1.5, 1); opacity:0.1; }
		100% { transform:scale(1, 1); opacity:1; }
	}
@keyframes flip_out {
		0% { transform:scale(1, 1); opacity:1; }
		100% { transform:scale(0.5, 1); opacity:0; }
	}

.widget_carousel_slider .flipper_previous { position:absolute; top:0; bottom:0; left:0; width:5rem; cursor:pointer; background-image:url( '../new_graf/icon_grey_chevron_left.svg' ); background-size:1.15rem; background-repeat:no-repeat; background-position:50% 50%; }
.widget_carousel_slider .flipper_next { position:absolute; top:0; bottom:0; right:0; width:5rem; cursor:pointer; background-image:url( '../new_graf/icon_grey_chevron_right.svg' ); background-size:1.15rem; background-repeat:no-repeat; background-position:50% 50%; }
.widget_carousel_slider .flipper_previous:hover,
.widget_carousel_slider .flipper_next:hover { animation:slight_pulse 1s linear infinite; }

body.vw_t .widget_carousel_slider,
body.vw_m .widget_carousel_slider { height:48rem !important; min-height:calc(100vh - 6.75rem); width:auto; }

body.vw_t .widget_carousel_slider .flipper_previous,
body.vw_m .widget_carousel_slider .flipper_previous,
body.vw_t .widget_carousel_slider .flipper_next,
body.vw_m .widget_carousel_slider .flipper_next { display:none; }

body.vw_t .widget_carousel_slider .widget_browser_links,
body.vw_m .widget_carousel_slider .widget_browser_links { position:absolute; bottom:; top:17rem; left:0; right:0; height:1rem; margin:0 auto 0 auto; display:block; text-align:center; font-size:1rem; }
body.vw_t .widget_carousel_slider .widget_browser_links .liner,
body.vw_m .widget_carousel_slider .widget_browser_links .liner { width:auto; max-width:90vw; margin:0 auto 0 auto; white-space:nowrap; text-align:center; display:inline-block; }
body.vw_t .widget_carousel_slider .widget_browser_links a,
body.vw_m .widget_carousel_slider .widget_browser_links a { white-space:nowrap; }

body.vw_t .widget_carousel_slider .widget_carousel_frame,
body.vw_m .widget_carousel_slider .widget_carousel_frame { margin:0; max-width:100% !important; position:absolute; top:0; right:0; bottom:0; left:0; }

body.vw_t .widget_carousel_slider .widget_carousel_frame .containment,
body.vw_m .widget_carousel_slider .widget_carousel_frame .containment { height:auto !important; margin:0; width:auto !important; max-width:100%; }

body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper div.content_info header h2 { font-size:3.6rem/*6.75vw*/ !important; }
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper div.content_info header h2 { font-size:3rem/*10vw*/ !important; }
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper div.content_info header p { font-size:1rem !important; }

body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div  { position:relative; left:0; right:0; }
body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_image,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_image { 
		width:auto;
		background-size:cover;
		min-height:19rem;
		height:auto;
		background-repeat:no-repeat;
		-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 2em 100%, 0 calc(100% - 2em));
		clip-path:polygon(0 0, 100% 0, 100% 100%, 2em 100%, 0 calc(100% - 2em));
	}
body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info { width:auto; min-width:100%; left:0; right:0; min-height:19rem; height:auto; background-image:none; }
body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header { margin:1rem 1rem 1rem 1rem !important; padding-top:1.15em; }
body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header .frame_body p,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header .frame_body p { font-size:1rem; }
body.vw_t .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header a.like_button,
body.vw_m .widget_carousel_slider .widget_carousel_frame .contents_wrapper > div.content_info header a.like_button { clear:both; font-size:1rem; margin:0 1em 1.15em 0; }

/* widget: categories_numbers */
.widget_categories_numbers { font-size:1.05rem; }
.widget_categories_numbers article { margin:0; max-width:none !important; }
.widget_categories_numbers article .containment { width:100vw !important; max-width:none !important; min-height:50vw; margin:0; padding:0; }
.widget_categories_numbers article .containment header { max-width:1200px; margin:0 auto 0 auto; }
.widget_categories_numbers article .containment header h3 {}
.widget_categories_numbers article .containment .wrapper { margin:0; position:relative; width:100%; min-height:50vw; overflow:hidden; }

.widget_categories_numbers article .containment .wrapper .bg_img { transition:all ease-in-out 4s; transform:scale(1,1); transform-origin:50% 50%; opacity:1; position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; }

.widget_categories_numbers article .containment .wrapper .liner { position:relative; max-width:900px; margin:0 auto 0 auto; height:100%; }
.widget_categories_numbers article .containment .wrapper .liner .categories { position:absolute; left:0; top:5em; }
.widget_categories_numbers article .containment .wrapper .liner .categories h4 { font-size:3.75em; transition:all ease-in-out 0.7s; opacity:1; margin-bottom:0; }
.widget_categories_numbers article .containment .wrapper .liner .categories hr { width:200px; height:5px; margin:1em 0 1.5em 0; background-color:#5183c4; border:none; transform:skewX(-45deg) translate(-0.25em,0); transition:all ease-in-out 1s; }
.widget_categories_numbers article .containment .wrapper .liner .categories .category { display:block; clear:both; font-size:1.5em; line-height:1.25em; }
.widget_categories_numbers article .containment .wrapper .liner .categories .category .title { display:inline-block; transition:all ease-in-out 0.2s; }
.widget_categories_numbers article .containment .wrapper .liner .categories .category .amount { display:inline-block; transition:all ease-in-out 0.2s; margin-left:0.35em; transform-origin:50% 50%; }
.widget_categories_numbers article .containment .wrapper .liner .categories .category .amount.hide { display:none; }
.widget_categories_numbers article .containment .wrapper .liner .total { position:absolute; right:2em; top:12.25em; width:200px; }
.widget_categories_numbers article .containment .wrapper .liner .total h4 { transition:all ease-in-out 0.7s; opacity:1; }
.widget_categories_numbers article .containment .wrapper .liner .total .total_amount { font-weight:900; font-size:6em; transition:all ease-in-out 0.2s; transform-origin:50% 50%; }

.widget_categories_numbers.animation_initted article .containment .wrapper .bg_img { transform:scale(1.25,1.25); opacity:0.6; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .categories h4 { opacity:0.1; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .categories hr { opacity:0.4; transform:translate(2em,0); }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .categories .category .title { opacity:0.2; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .categories .category .amount { opacity:0.2; transform:scale(0.5,0.5); transform-origin:50% 50%; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .categories .category .unit { display:inline-block; margin-left:1em; opacity:0.2; transform:scale(0.5,0.5); transform-origin:50% 50%; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .total h4 { opacity:0.2; }
.widget_categories_numbers.animation_initted article .containment .wrapper .liner .total .total_amount { transition:all ease-in-out 0.2s; transform:scale(0.5,0.5); }

/* --------------------------------------------------------------------------------
search field styles */
.search_field_helper { border:solid 2px #cccccc; padding:0; margin-top:5px; position:relative; z-index:9999; }

.search_field_helper .search_recommendations { background-color:white; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; padding:0; font-size:1em; position:relative; z-index:9999; }
.search_field_helper .search_recommendations div { font-size:0.9em; color:#777777; font-weight:normal; border-top:dashed 1px #dddddd; cursor:default; padding:0.2em 0 0.2em 0.8em; }
.search_field_helper .search_recommendations div.link a, 
	.search_field_helper .search_recommendations div.link a:visited, 
	.search_field_helper .search_recommendations div.link a:hover, 
	.search_field_helper .search_recommendations div.link a:active { display:block; text-decoration:none; }
.search_field_helper .search_recommendations div:first-child { border-top:none; }
.search_field_helper .search_recommendations div.link:first-child { border-top:none; } 
.search_field_helper .search_recommendations div.link:hover { background-color:#eeeeee; }
.search_field_helper .search_recommendations div.category { font-size:0.9em; color:#777777; font-weight:bold; border-top:dashed 1px #dddddd; cursor:default; padding:0.2em 0 0.2em 0.85em; }
.search_field_helper .search_recommendations div.category:first-child { border-top:none; } 

.search_field_helper .search_suggestions { background-color:white; border-bottom:solid 1px #dddddd; padding:0; font-size:0.9em; position:relative; z-index:9999; }
.search_field_helper .search_suggestions div { font-size:0.9em; color:#777777; font-weight:normal; border-top:dashed 1px #dddddd; cursor:pointer; padding:0.2em 0 0.2em 0.8em; }
.search_field_helper .search_suggestions div b { font-weight:bold; color:#333333; }
.search_field_helper .search_suggestions div:first-child { border-top:none; }
.search_field_helper .search_suggestions div:hover, .search_field_helper .search_suggestions div.active { background-color:#eeeeee; }

.search_field_helper .quick_search { background-color:white; padding:0.3em; font-size:1em; }
.search_field_helper .quick_search div { font-size:0.9em; color:#5183c4; font-weight:normal; border-top:solid 1px #cccccc; cursor:pointer; padding:0.2em 0 0.2em 0.5em; }
.search_field_helper .quick_search div:first-child { border-top:none; }