@import url("layout-responsive.css"); /* Apply "ResponsiveSite" to NSpageContainer.class for max-width column-page */

/*
Written by: Nikash SINGH
written on: 17:56 190116NS
written in: Brackets 02
written for: nikashsingh.com v.2019
Props to the H5BP crew for taking care of all the tricky stuff;
Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
   H5BP Base styles & defaults
   ========================================================================== */

html, button, input, select, textarea {color:#222; scroll-behavior:smooth;}
body {font-size:1em; line-height:1.4;}
/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design. */
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
/* A better looking default horizontal rule */
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {vertical-align: middle;}
/* Remove default fieldset styles. */
fieldset {border:0; margin:0; padding:0;}
/* Allow only vertical resizing of textareas. */
textarea {resize:vertical;}
/* Chrome Frame prompt */
.chromeframe {margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0;}

/* NS: newer-element resets */
header, main, nav, article, aside, footer, section, details, summary, blockquote, figure {display:block; margin:0px; padding:0px;}



/* ==========================================================================
   Custom styles
   ========================================================================== */

/*Site-specific webfonts*/
@font-face {font-family:'RalewayMed';
	font-weight:normal;
	font-style:normal;
	src:url('raleway/raleway_med.woff2') format('woff2'),
        url('raleway/raleway_med.woff') format('woff');
	}
    .RalewayMed {font-family:"RalewayMed", Helvetica, Arial, sans-serif;}
@font-face {font-family:'RalewayMed';
	font-weight:bold;
	font-style:normal;
	src:url('raleway/raleway_semibold.woff2') format('woff2'),
        url('raleway/raleway_semibold.woff') format('woff');
	}
/* my custom NSDC iconfont, made with icomoon */
@font-face {font-family:'NSDC';
	font-weight:normal;
	font-style:normal;
	src:url('nsdc/nsdc.woff') format('woff');
	}
    .NSicon{font-family:"NSDC",serif; font-size:2em; color:#64BBA5;}


/* Text styles */
html, body {width:100%; height:100%; padding:0px; margin:0px; background:#FFFFFF;}
body {font-family:"RalewayMed","Helvetica-Neue",Helvetica,Arial,sans-serif; /*font-weight:200;*/ font-size:0.82em; color:#666;}
h1,h2,h3,h4,h5,h6 {/*font-weight:200;*/ margin:0px; padding:0px;}
 h1 {font-family:"Georgia",serif; font-weight:normal; color:#439883; margin:0; margin-top:-0.4em; padding:0; font-size:3em; text-rendering:optimizeLegibility;}
  h2 {font-family:inherit; color:#909090; margin:2.3em 0 1em 0; padding:0; font-size:1.5em; font-weight:normal;}
   h3 {font-family:inherit; color:#397C75; margin:2.3em 0 1em 0; padding:0; font-size:1.2em; font-weight:bold;}
        h6 {font-family:inherit; color:#1B6F5A; margin:0; padding:0; font-size:inherit; font-weight:bold;}
em {font-style:italic;}
strong, .bold {font-weight:bold; color:#000000;}
mark {background:#E4ECEB; color:#2E6656; padding:3px 4px;}
abbr[title] {color:inherit/*#999999*/; cursor:help; border-bottom:none;}   abbr.WithBrackets:before {content:"(";}   abbr.WithBrackets:after {content:")";}
hr {border:none; border-bottom:dotted 3px rgba(0,0,0,0.1); width:30%; margin:3em 0px 0px 0px;}

p, ul, ol, table, button {font-family:inherit; font-size:inherit; color:#666;}
p {margin:0px 0px 1em 0px;}      p + p {margin-top:2em;}
pre {background:rgba(0,0,0,0.06); padding:2em; border-top:solid 1px rgba(0,0,0,0.05); border-radius:5px; margin-right:100px;}
dl, dt, dd {margin:0px; padding:0px;}
dl dt {color:#397C75  ; margin-top:2em; font-weight:bold;}
dl dd span.NSicon {font-size:inherit;} /* to reduce size of webfont icons */
dl dd.ListItemNull {opacity:0.5;}
    dl dd.ListItemNull span.NSicon {color:#999;}
ol {padding:0 0 0 2.3em;}
a, a:link {text-decoration:none; color:#257F8D; cursor:pointer;}
    a:hover {text-decoration:none; color:#009ACD;}

/* UI components */
a.NSbutton, button, input[type='submit'] {font-family:"RalewayMed","Helvetica-Neue",Helvetica,Arial,sans-serif; display:inline-block; 
    padding:10px 15px; margin:10px 10px 0px 0px; background-color:#82C4B5; text-decoration:none; font-size:1em; font-weight:bold; color:#244C46; 
    text-shadow:0px 1px 1px #C8E5DE; border-style:none; border-bottom:solid 1px rgb(67,160,138); border-radius:4px; box-shadow:0px 1px 2px #757575; outline:none;
     -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    }
    a.NSbutton:hover, button:hover, input[type='submit']:hover {background-color:#3A8371; color:#FFFFFF; text-shadow:none; letter-spacing:0.25px; font-weight:normal;
        border-bottom:solid 1px rgb(17,110,88); border-radius:4px; box-shadow:0px 1px 1px #AAA; outline:none;
        }
dfn.NStooltip {position:relative; display:inline-block; font-style:normal; color:#439883; cursor:pointer;}
    dfn.NStooltip span.NStooltipContents {visibility:hidden; width:200px; /*background:linear-gradient(#3A8371, #337060); color:#fff;*/ background:linear-gradient(#E2EEED, #D3E4E3); color:#306E64; text-align:center; border-radius:3px; padding:15px; position:absolute; z-index:1; top:200%; left:50%; margin-left:-115px; opacity:0; transition:opacity 1s;}
        dfn.NStooltip span.NStooltipContents::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-10px; border-width:10px; border-style:solid; border-color:transparent transparent #D3E4E3 transparent;}
    dfn.NStooltip:hover span.NStooltipContents, dfn.NStooltip:focus span.NStooltipContents {visibility:visible; opacity:1;}

/* Colours */
.Cautions {color:#DD3333;}
.Comment {font-style:italic; color:#CCCCCC;}
.GeorgiaItalic {font-family:Georgia,Pristina,serif; font-style:italic;}
.BlueText {color:#6699CC;} /*#2478CC AA*/
.WhiteText {color:#FFFFFF;}
.BlackText {color:#000000;}
.GreyText {color:#666666;}
.LightGreyText {color:#AAAAAA;}
.DarkGreenText {color:#669900;}
.GreenText {color:#99CC00;}
.LimeGreenText {color:#CCFF00;}
.OrangeText {color:#FFA500;}
.RedText {color:#FF3333;}
.PurpleText {color:#9966CC;}
.PrimaryBlueText {color:#3333CC;}
.BabyBlueText {color:#3399FF;}
.TheGreen {color:#8CC63E;}
    /* Some good default colours:
    Green#99FF66 #66CC00	Lime#CCFF33		RedOrange#FF9966	Orange#FF9900    ConfirmGreen#88CC33
    Fuchsia#CC3399			Purple#9900FF	Blue#0099CC			Aqua#33CCCC		Cream#CCCC99*/

/* BRAND BLUE (#64BBA5) made accessible, on white:#3A8371 (#439883 largeText), on F9F9F9: #397C75     */
/* BRAND ASH (#3B3D3A) accessible on white, and #F9. Lighter Brown (#534741) as well    */
/* BRAND variations: lightest GreyishBlue (#F2F6F6) e.g. NScarouselTabbed, lighterBrand (#82C4B5) e.g. buttons, NStooltip BG(#E2EEED, #D3E4E3) and text(#306E64) AA, */

/* Block styles */
section {display:block; margin:0px; padding:0px;}
td {border-bottom:solid 1px #EEEEEE; padding:5px 40px 5px 5px;}
th {border-bottom:solid 3px #CCCCCC; padding:5px 20px 5px 5px; text-align:left; font-size:1.2em;}
.HorizontalList, .VerticalList {list-style:none; margin:0px; padding:0px;}
	.HorizontalList li {display:inline;}
	.VerticalList li {display:block;}
.textbox {background-color:#FFFFFF; border:thin; font-family:Helvetica, Arial, Verdana, sans-serif; color:#666666;}

/* Images styles */
.StampBorder {border:3px dotted #EEE; padding:4px;}
.Polaroid {border:solid 5px #FFFFFF; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3); box-shadow: 0px 1px 5px rgba(0,0,0,0.3);}
.DropShadow {-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.7);}
figure {margin-bottom:50px;}
figure img {display:block; max-width:100%;}
figcaption {display:inline-block; color:#757575; padding:6px 9px; margin-top:10px; border-top:solid 1px #EEE; font-size:90%;}
figure.LeftAligned {text-align:left;}
figure.CentreAligned {text-align:center;} figure.CentreAligned img {margin:0px auto;}


.NStopDownGradient {
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1));
    }
span.NScallToAction {display:inline-block; margin:20px 0px; background-color:#64BBA5;
    border-radius:4px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); border-bottom:solid 1px rgba(0,0,0,0.2);}
    span.NScallToAction a {display:inline-block; padding:10px 15px; text-decoration:none;
        font-size:1.2em; font-weight:bold; color:rgba(0,0,0,0.57); text-shadow:0px 1px 1px rgba(255,255,255,0.43); outline:none;
        background:linear-gradient(rgba(255,255,255,0.23), rgba(0,0,0,0));}

.NSemboss {color:#F66; text-shadow:0px 1px 3px rgba(0,0,0,0.7); padding:0.8em 1em; background:#C33; border:none; outline:none;
		font-family:Georgia; font-weight:normal; font-size:1em; font-style:italic; box-shadow:none; font-size:}
		.NSemboss:hover {background:#C33; color:#FCC; box-shadow:none; text-shadow:0px 1px 3px rgba(0,0,0,0.7);}
	   #Container {margin-top:250px; margin-left:100px;}

/* W3C hack to get coloured bullets: https://www.w3schools.com/howto/howto_css_bullet_color.asp */
article ul {list-style:none;}
    article ul li::before {content:"\2022"; color:#64BBA5; font-weight:bold; display:inline-block; width:1em; margin-left:-1em;}



/* ==========================================================================
   Site-specific layout
   ========================================================================== */


body div#NSpageContainer {background-image:url(../x_img/background-pcc_bw.jpg); background-position:center; background-repeat:no-repeat; background-color:#3B3A3D; background-size:cover;}

/* Logo */
header#NSheaderContainer {display:block; position:absolute; bottom:0px; left:60px; width:210px; height:120px; overflow:hidden;
    -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:1500;}
    header#NSheaderContainer.Collapsed {width:160px; /*(220px logo - 60px leftMargin)*/  z-index:1500;
        -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
    header#NSheaderContainer div.NSinnerWrapper {float:right; width:100%; height:100%; background:linear-gradient(#449988, #337569);}

        /* A dulling out effect on the logo block to allow focus on article */
        header#NSheaderContainer.Collapsed div.NSinnerWrapper {background:linear-gradient(#515151, #434343);}
        header#NSheaderContainer.Collapsed img#SiteLogo {opacity:0.1;}
            header#NSheaderContainer.Collapsed div.NSinnerWrapper:hover {background:linear-gradient(#666, #555);}
            header#NSheaderContainer.Collapsed img#SiteLogo:hover {opacity:1;}

        header#NSheaderContainer div.NSinnerWrapper:hover {background:linear-gradient(#64BBA5, #449988);}
        div#NSpageContainer img#SiteLogo {height:100%; margin:0px; transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
            -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
            div#NSpageContainer img#SiteLogo:hover {/*transform:scale(1.07,1.07); -ms-transform:scale(1.07,1.07); -webkit-transform:scale(1.07,1.07);*/}
        div#NSpageContainer #SiteHeading {margin:0px; padding:0px;}

/* Navigation bar */
nav#NSglobalNav {display:block; position:absolute; bottom:0px; left:220px; width:calc(100% - 300px); /*(220px + 60px rightMargin + 20px scrollBar)*/ height:60px; border:none; z-index:1501;}
nav#NSglobalNav div.NSinnerWrapper {margin:0px; background:white; height:100%; box-shadow:rgba(0,0,0,0.1) 0px -3px 23px;}

    /* DARK MODE nav onScroll  */
    nav#NSglobalNav div.NSinnerWrapper.DarkMode {background:linear-gradient(#434343, #373737);}

        /* White page-fade gradient approach */       /* display is switched to "none" in mobile media-query */
        nav#NSglobalNav div.NSinnerWrapper.DarkMode::before {content:""; background:linear-gradient(rgba(255, 255, 255,0),  rgba(255, 255, 255,1)); position:absolute; top:-60px; right:0; left:5vw; bottom:60px;}
        /* Aqua underline approach */
        SWITCHED-OFF---nav#NSglobalNav div.NSinnerWrapper.DarkMode::before {content:""; background:#64BBA5; position:absolute; top:-4px; right:0; left:0; bottom:60px;}

        nav#NSglobalNav div.NSinnerWrapper.DarkMode ul.HorizontalNav li a {color:#B0B0B0; border-right:solid 1px transparent;}
            nav#NSglobalNav div.NSinnerWrapper.DarkMode ul.HorizontalNav li a:hover {color:#FFFFFF;}
        nav#NSglobalNav div.NSinnerWrapper.DarkMode div.SubMenuContainer ul li a, 
            nav#NSglobalNav div.NSinnerWrapper.DarkMode div.SubMenuContainerCurrent ul li a {color:#666666;}
        SWITCHED-OFF---nav#NSglobalNav div.NSinnerWrapper.DarkMode ul.HorizontalNav li strong {border-right:solid 1px transparent; background:linear-gradient(#515151, #434343); color:#FFFFFF;}
        nav#NSglobalNav div.NSinnerWrapper.DarkMode a#HamburgerMenu {color:#CCCCCC;}

	nav#NSglobalNav ul.HorizontalNav {overflow:auto; list-style:none; margin:0px; padding:0px;}
		nav#NSglobalNav ul.HorizontalNav li {list-style:none; display:block; float:left; height:60px; margin:0px; padding:0px;}
			nav#NSglobalNav ul.HorizontalNav li a,
			 nav#NSglobalNav ul.HorizontalNav li strong {display:block; height:60px; line-height:60px; margin:0px; padding:0px 30px; }
			nav#NSglobalNav ul.HorizontalNav li a {border-right:solid 1px rgba(0,0,0,0.05); color:#666; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
                nav#NSglobalNav ul.HorizontalNav li a:hover {background:#449988; color:white; line-height:65px; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
            nav#NSglobalNav ul.HorizontalNav li strong {border-right:solid 1px #58B69F; background:#439883; color:white;}
    nav#NSglobalNav a#HamburgerMenu {float:right; line-height:60px; padding-right:30px; color:#3A8371;}


/* Hide the sub-menu lists */
nav#NSglobalNav ul.HorizontalNav div {position:absolute; display:none; padding:0px; margin:0px;}
    /* nav#NSglobalNav ul.HorizontalNav div.SubMenuContainerCurrent {display:block;} */
    nav#NSglobalNav ul.HorizontalNav div ul {padding:0px; margin:0px;}
    nav#NSglobalNav ul.HorizontalNav div ul li {display:block; float:none;}

    /* Pop-up menues */
    div.SubMenuContainer, div.SubMenuContainerCurrent {background:#EEE; box-shadow:rgba(0,0,0,0.23) 0px 0px 17px; z-index:1502;}
        div.SubMenuContainer li, div.SubMenuContainerCurrent li {border-top:solid 1px #E3E3E3;}
            div.SubMenuContainer li:first-child, div.SubMenuContainerCurrent li:first-child {border-top:none;}
        nav#NSglobalNav ul.HorizontalNav div.SubMenuContainer li a, nav#NSglobalNav ul.HorizontalNav div.SubMenuContainerCurrent li a {border-right:none;}
        nav#NSglobalNav ul.HorizontalNav div.SubMenuContainer li strong, nav#NSglobalNav ul.HorizontalNav div.SubMenuContainerCurrent li strong {border-right:none;}
            div.SubMenuContainer li a:hover, div.SubMenuContainerCurrent li a:hover {background:#64BBA5; color:white;}

/* Page Content layout */
div#NSsplashContainer {display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
    div#NSsplashContainer div.NSinnerWrapper {position:relative; width:calc(100% - 300px); height:60%; margin:0px 60px 0px 220px; font-size:calc(1em + 1vw); background:rgba(0,0,0,0/*0.043*/); color:white;}
        div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer {width:100%; height:40%;}
            div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage01 {width:40%; max-width:500px; min-width:200px; min-height:calc(40% * 0.66); margin:-5% 0px 0px -7%; transform:rotate(-7deg) scale(1, 1); -ms-transform:rotate(-7deg) scale(1, 1); -webkit-transform:rotate(-7deg) scale(1, 1); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color:#CCC;}
                div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage01:hover {transform:rotate(-10deg) scale(1.1, 1.1); -ms-transform:rotate(-10deg) scale(1.1, 1.1); -webkit-transform:rotate(-10deg) scale(1.1, 1.1);}
            div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage02 {width:33%; max-width:465px; min-width:165px; margin:30px 0px 0px -2%; transform:rotate(10deg) scale(1, 1); -ms-transform:rotate(10deg) scale(1, 1); -webkit-transform:rotate(10deg) scale(1, 1); -moz-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; background-color:#CCC;}
                div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage02:hover {transform:rotate(7deg) scale(1.1, 1.1); -ms-transform:rotate(7deg) scale(1.1, 1.1); -webkit-transform:rotate(7deg) scale(1.1, 1.1);}
            div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage03 {width:25%; max-width:400px; min-width:150px; min-height:calc(25% * 0.66); margin:55px 0px 0px -2%; transform:rotate(-4deg) scale(1, 1); -ms-transform:rotate(-4deg) scale(1, 1); -webkit-transform:rotate(-4deg) scale(1, 1); -moz-transition: all 1.2s ease; -webkit-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; background-color:#CCC;}
                div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage03:hover {transform:rotate(7deg) scale(1.1, 1.1); -ms-transform:rotate(7deg) scale(1.1, 1.1); -webkit-transform:rotate(7deg) scale(1.1, 1.1);}

        div#NSsplashContainer div.NSinnerWrapper summary {display:block; position:absolute; bottom:0px; left:0px; margin:0px; text-shadow:0px 2px 5px rgba(0,0,0,0.43); -moz-transition: all 2.7s ease; -webkit-transition: all 2.7s ease; -o-transition: all 2.7s ease; transition: all 2.7s ease;}
        div#NSsplashContainer div.NSinnerWrapper summary span {color:#64BBA5;}

        div#NSsplashContainer div#NSscrollHinter {display:block; position:absolute; bottom:0px; left:0px; right:0px; text-align:right; margin:0px 0px -25px 0px;}
            div#NSsplashContainer div#NSscrollHinter span.NSicon {color:#FFFFFF; animation:NSanim-bounceFade 0.73s ease-in 0s infinite alternate; cursor:pointer; font-size:1.5em;}
                @keyframes NSanim-bounceFade {
                    from {opacity:0.1; color:#64BBA5; line-height:2em;}
                    to {opacity:0.43; color:#FFFFFF; line-height:1em;}
                    }

        /* Initial splash layout */
        div#NSsplashContainer.InitialLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage01 {margin:-10% 0px 0px -30%; transform:rotate(-40deg) scale(0.7, 0.7); -ms-transform:rotate(-40deg) scale(0.7, 0.7); -webkit-transform:rotate(-40deg) scale(0.7, 0.7);}
        div#NSsplashContainer.InitialLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage02 {margin:10% 0px 0px 0px; transform:rotate(50deg) scale(0.5, 0.5); -ms-transform:rotate(50deg) scale(0.5, 0.5); -webkit-transform:rotate(50deg) scale(0.5, 0.5);}
        div#NSsplashContainer.InitialLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage03 {margin:-300px -20px 0px 0px; transform:rotate(50deg) scale(0.3, 0.3); -ms-transform:rotate(50deg) scale(0.3, 0.3); -webkit-transform:rotate(50deg) scale(0.3, 0.3);}
        div#NSsplashContainer.InitialLayout div.NSinnerWrapper summary {margin:7% 0px 0px -15%;}

        /* Greyscaling/desat polaroid images */
        body div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img.Polaroid {
            filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray;}
            body div#NSsplashContainer div.NSinnerWrapper div#NSsplashImageContainer img.Polaroid:hover {
                filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:none;
                }

        /* Splash layout when page scrolled */
        div#NSsplashContainer.ScrolledLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage01 {margin:-3% 0px 0px -10%; transform:rotate(-30deg) scale(0.7, 0.7); -ms-transform:rotate(-30deg) scale(0.7, 0.7); -webkit-transform:rotate(-30deg) scale(0.7, 0.7);}
        div#NSsplashContainer.ScrolledLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage02 {margin:0% 0px 0px 5%; transform:rotate(20deg) scale(0.6,0.6); -ms-transform:rotate(20deg) scale(0.6,0.6); -webkit-transform:rotate(20deg) scale(0.6,0.6);}
        div#NSsplashContainer.ScrolledLayout div.NSinnerWrapper div#NSsplashImageContainer img#SplashImage03 {margin:20px 0px 0px -2%; transform:rotate(7deg) scale(0.7, 0.7); -ms-transform:rotate(7deg) scale(0.7, 0.7); -webkit-transform:rotate(7deg) scale(0.7, 0.7);}
        div#NSsplashContainer.ScrolledLayout div.NSinnerWrapper summary {margin:0px;}


nav#NSbreadcrumbContainer {display:block; margin:-63px 60px 0px 220px; width:calc(100% - 285px);}
	nav#NSbreadcrumbContainer ul#NSindicatorStrip {overflow:auto; list-style:none; margin:0px; padding:0px; height:3px; overflow:hidden;}
		nav#NSbreadcrumbContainer ul#NSindicatorStrip li {list-style:none; display:block; float:left; height:63px; margin:0px; padding:0px;}
			nav#NSbreadcrumbContainer ul#NSindicatorStrip li a,
			 nav#NSbreadcrumbContainer ul#NSindicatorStrip li strong {display:block; height:60px; line-height:60px; margin:0px; padding:0px 30px; margin-right:1px;  border-top:solid 3px transparent;}
            nav#NSbreadcrumbContainer ul#NSindicatorStrip li.CurrentPage {border-top:solid 3px #64BBA5;}
    nav#NSbreadcrumbContainer ul#NSdepthGauge {margin:0px; padding:0px; background:#F9F9F9; list-style:none; height:60px; padding-left:13px; overflow:auto; font-size:0.85em;}
        nav#NSbreadcrumbContainer ul#NSdepthGauge li {list-style:none; display:block; float:left; height:60px; line-height:60px; margin-right:5px; color:#737373;}
            nav#NSbreadcrumbContainer ul#NSdepthGauge li a {color:#397C75;}
                nav#NSbreadcrumbContainer ul#NSdepthGauge li a:hover {color:#64BBA5;}
            nav#NSbreadcrumbContainer ul#NSdepthGauge li strong {color:#737373; font-weight:normal;}
            nav#NSbreadcrumbContainer ul#NSdepthGauge li span {color:#AAA;}

    nav#NSbreadcrumbContainer ul#NSdepthGauge.test {background:red;}


main#NScontentContainer {
    background: -moz-linear-gradient(top, rgba(59,61,58,0.1), rgba(59,61,58,0.9));
    background: -o-linear-gradient(top, rgba(59,61,58,0.1), rgba(59,61,58,0.9));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(59,61,58,0.1)), to(rgba(59,61,58,0.9)));
    background: -webkit-linear-gradient(top, rgba(59,61,58,0.1), rgba(59,61,58,0.9));
    background: -ms-linear-gradient(top, rgba(59,61,58,0.1), rgba(59,61,58,0.9));
    background: linear-gradient(rgba(59,61,58,0.1), rgba(59,61,58,0.9));
    }
    main#NScontentContainer div#NSpage {margin:0px 60px 0px 220px; width:calc(100% - 285px); padding:0px; background:linear-gradient(#F9F9F9, #E9E9E9);}
        main#NScontentContainer div#NSpage article {background:white; overflow-x:auto;}
            main#NScontentContainer div#NSpage article a:link {padding:2px 3px;}
                main#NScontentContainer div#NSpage article a:link.NoPadding {padding:0px;}
            main#NScontentContainer div#NSpage article a:hover {text-decoration:none; background:#439883; color:white;}
            main#NScontentContainer div#NSpage article a:visited {color:#755BBF;}
                main#NScontentContainer div#NSpage article a:visited:hover {background:#755BBF; color:white;}
            main#NScontentContainer div#NSpage article sup a:link {padding:0px 3px 0px 0px;}
            main#NScontentContainer div#NSpage article div.NSinnerWrapper {padding:5vw;}
                div#NSpage article div.NSinnerWrapper details {margin:4px 0px 4.5vw 0px; overflow:auto;}
                    div#NSpage article div.NSinnerWrapper details dl {margin:1.5em 0px 3em 2em; font-size:0.85em; color:#757575;}
                        div#NSpage article div.NSinnerWrapper details dl dt {display:block; float:left; clear:left; margin-right:5px; margin-top:0px; color:#439883;}
                        div#NSpage article div.NSinnerWrapper details dl dd {display:block; float:left; clear:right;}
                div#NSpage article div.NSinnerWrapper details#PageFootNotes {margin:4.5vw 0px 0px 0px; padding:10px 0px; overflow:auto; background:linear-gradient(to bottom right, #FFFFFF,#FFFFFF,#FFFFFF); -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
                    div#NSpage article div.NSinnerWrapper details#PageFootNotes summary span.NSicon {font-style:normal;  font-size:1.5em; margin-right:0.2em; vertical-align:middle;}
                    div#NSpage article div.NSinnerWrapper details#PageFootNotes[open] {background:linear-gradient(to bottom right, #F3F3F3,#FFFFFF,#FFFFFF); padding:10px;}
                    div#NSpage article div.NSinnerWrapper details#PageFootNotes[open] summary span.NSicon:before {content:"-";}
                    div#NSpage article div.NSinnerWrapper details#PageFootNotes summary span.NSicon:before {content:"+";}
                div#NSpage article div.NSinnerWrapper summary:focus {outline:0;}

                div#NSpage article div.NSinnerWrapper img#ProfilePicture {width:80px; margin:0px 15px 15px 0px; transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
                    div#NSpage article div.NSinnerWrapper img#ProfilePicture:hover {transform:rotate(9deg); -ms-transform:rotate(9deg); -webkit-transform:rotate(9deg); -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}

                /* Blockquote styling */
                div#NSpage article div.NSinnerWrapper blockquote {margin:2em 0px 2em 2em; padding-left:1em; width:70%; max-width:430px; border-left:solid 3px #EEE;}
                    div#NSpage article div.NSinnerWrapper blockquote p {margin:0px; padding-bottom:0.5em; font-family:Georgia,Times,serif; font-style:italic; color:#757575;}
                        div#NSpage article div.NSinnerWrapper blockquote p strong {font-weight:normal; color:#000;}
                    div#NSpage article div.NSinnerWrapper blockquote a {margin-left:-3px;}

                /* NSaccordian styling */
                div#NSpage article div.NSinnerWrapper div.NSaccordian {margin:3em 0px;}
                    div#NSpage article div.NSinnerWrapper div.NSaccordian > h3 {cursor:pointer; margin:0em; padding:1em 0 1em 0;}
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > h3 span.NSicon {display:block; float:right; color:#666; opacity:0.3; font-size:1.7em; line-height:1em; margin-top:-0.1em;}
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > h3:hover span.NSicon {opacity:0.7;}
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > h3.Active span.NSicon {color:#64BBA5; opacity:1;}
                    div#NSpage article div.NSinnerWrapper div.NSaccordian > div {height:0px; padding-top:4px; overflow:hidden; background:linear-gradient(rgba(0,0,0,0.07), rgba(0,0,0,0.03) 10%, rgba(0,0,0,0) 100%); -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; -o-transition:height 0.5s ease;  transition:height 0.5s ease;}
                    div#NSpage article div.NSinnerWrapper div.NSaccordian > div p, 
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > div div.ThumbnailContainer {margin:2em; overflow:auto;}
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > div blockquote p {margin:0px; overflow:auto;} /* overruling quote margins */
                    div#NSpage article div.NSinnerWrapper div.NSaccordian > div img:not([class]) {margin:0px 2em; width:90%;} /*if no class is set */
                        div#NSpage article div.NSinnerWrapper div.NSaccordian > div.Active {height:auto; -moz-transition:height 1s ease; -webkit-transition:height 1s ease; -o-transition:height 1s ease;  transition:height 1s ease;}

                /* Biocard styling */
                div#NSpage article div.NSinnerWrapper p.BioCard {clear:both;}
                    div#NSpage article div.NSinnerWrapper p.BioCard img {float:left; margin:0 1em 3em 0;}

                /* NS carousel */
                div.NScarousel {overflow:hidden;}
                    div.NScarousel div.NScarouselWrapper {overflow:auto; -moz-transition:all 1s cubic-bezier(0.33, 0, 0, 1); -webkit-transition:all 1s cubic-bezier(0.33, 0, 0, 1); -o-transition:all 1s cubic-bezier(0.33, 0, 0, 1); transition:all 1s cubic-bezier(0.33, 0, 0, 1);}
                        div.NScarousel div.NScarouselWrapper > * {float:left; width:100%;}
                        div.NScarousel div.NScarouselPagination ul {margin:0px; padding:0px; overflow:auto; text-align:center;}
                            div.NScarousel div.NScarouselPagination ul li {background:#3A8371; color:#FFFFFF; padding:3px; width:1.4em; margin-right:5px; border-radius:50%; display:inline-block; text-align:center; cursor:pointer;}
                                div.NScarousel div.NScarouselPagination ul li:before {content:"";}
                            div.NScarousel div.NScarouselPagination ul li.ActiveItem {background:#64BBA5;}

                /* NS carousel - Tabbed pagination (instead of numbered) */
                div.NScarouselTabbed {overflow:hidden;}
                    div.NScarouselTabbed div.NScarouselWrapper {overflow:auto; -moz-transition:all 1s cubic-bezier(0.33, 0, 0, 1); -webkit-transition:all 1s cubic-bezier(0.33, 0, 0, 1); -o-transition:all 1s cubic-bezier(0.33, 0, 0, 1); transition:all 1s cubic-bezier(0.33, 0, 0, 1);}
                        div.NScarouselTabbed div.NScarouselWrapper > * {float:left; width:100%; border:solid 15px transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
                        div.NScarouselTabbed div.NScarouselTabbedPagination ul {margin:20px 0px 0px 0px; padding:0px; overflow:auto; text-align:left; white-space:nowrap; overflow-x:auto;}
                            /* Forcing tabs onto single line above, below hiding scrollbar IE, Edge, Firefox while retaining scrollability */
                            div.NScarouselTabbed div.NScarouselTabbedPagination ul::-webkit-scrollbar {display:none;} 
                            div.NScarouselTabbed div.NScarouselTabbedPagination ul {-ms-overflow-style:none; scrollbar-width:none;}
                            div.NScarouselTabbed div.NScarouselTabbedPagination ul li {display:inline-block; background:none; color:#3A8371; border-bottom:solid 3px #EEEEEE;  padding:10px 15px; width:auto; margin-right:3px; display:inline-block; text-align:center; cursor:pointer;}
                                div.NScarouselTabbed div.NScarouselTabbedPagination ul li:before {content:"";}
                                div.NScarouselTabbed div.NScarouselTabbedPagination ul li:hover {border-bottom:solid 3px #82C4B5;}
                            div.NScarouselTabbed div.NScarouselTabbedPagination ul li.ActiveItem {background:linear-gradient(#FFF, #F2F6F6); color:#3A8371; font-weight:bold; border-bottom:solid 3px #64BBA5;}


                /*hiding default detail styling arrow*/
                div#NSpage article div.NSinnerWrapper details > summary {list-style:none; font-family:Georgia,serif; font-style:italic; color:#757575; cursor:pointer;}
                div#NSpage article div.NSinnerWrapper details > summary::-webkit-details-marker {display:none;}
                div#NSpage article div.NSinnerWrapper section.GreySection {display:block; margin:3em -5vw 2.3em -5vw; padding:0px 5vw 3em 5vw; background:#FAFAFA; overflow:auto;}
                div#NSpage article div.NSinnerWrapper section.NoPadding {margin:-2.3em -5vw 2.3em -5vw; padding:0px; background:#FAFAFA; overflow:auto;}
                    div#NSpage article div.NSinnerWrapper section#MapSydney {overflow:hidden;} /* OVERRIDE for 1 buggy issue */
                div#NSpage article div.NSinnerWrapper section.ActiveSection {/*background:red;*/}

            /* Aside */
            main#NScontentContainer div#NSpage aside div.NSinnerWrapper {padding:3vw;}
                div#NSpage aside div.NSinnerWrapper img#LocationPic {transform:rotate(0deg) scale(0.7, 0.7); -ms-transform:rotate(0deg) scale(0.7, 0.7); -webkit-transform:rotate(0deg) scale(0.7, 0.7); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
                div#NSpage aside div.NSinnerWrapper img#LocationPic:hover {transform:rotate(7deg) scale(1, 1); -ms-transform:rotate(7deg) scale(1, 1); -webkit-transform:rotate(7deg) scale(1, 1); -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
                /* DetailsList in Aside - e.g. AdobeCC */
                div#NSpage aside div.NSinnerWrapper details {display:inline;}
                    div#NSpage aside div.NSinnerWrapper details > summary {display:inline; list-style:none; cursor:pointer;}
                        div#NSpage aside div.NSinnerWrapper details > summary::-webkit-details-marker {display:none;}
                        div#NSpage aside div.NSinnerWrapper details > summary span.NSicon {color:#CCCCCC;}
                        div#NSpage aside div.NSinnerWrapper details > summary span:before {content:"↘";} /* → */
                        div#NSpage aside div.NSinnerWrapper details[open] > summary span:before {content:"↑";}
                        div#NSpage aside div.NSinnerWrapper details > summary:focus {outline:none;}
                            div#NSpage aside div.NSinnerWrapper details ul {margin-top:0; padding-left:23px;}


    nav#NSsideBarAnchorList {position:fixed; opacity:0; bottom:0px; left:60px; width:130px; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
    nav#NSsideBarAnchorList.ScrolledLayout {bottom:160px; opacity:1; -moz-transition: all 1.3s ease; -webkit-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease;}

        nav#NSsideBarAnchorList ul {margin:0px; padding:0px;}
            nav#NSsideBarAnchorList ul li {line-height:30px;}
            nav#NSsideBarAnchorList ul li+li {border-top:solid 1px rgba(0,0,0,0);}
                nav#NSsideBarAnchorList ul li a {color:#A8A8A3; font-size:0.9em; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
                    nav#NSsideBarAnchorList ul li a:hover {color:white;}
                    nav#NSsideBarAnchorList ul li a.ActiveSideLink {color:white; font-size:1em; padding-left:10px; -moz-transition: all 0.75s ease; -webkit-transition: all 0.75s ease; -o-transition: all 0.75s ease; transition: all 0.75s ease;}
                        nav#NSsideBarAnchorList ul li a.ActiveSideLink:after {content:" ›"; color:#64BBA5; } /* former options: '\21FE' ᐅ ❯  */
                        nav#NSsideBarAnchorList ul li a.ActiveSideLink:hover {color:white;}


/* Footer */
div#BackToTopButtonContainer {position:fixed; bottom:0px; right:0px; width:65px; height:60px;}
    div#BackToTopButtonContainer a#BackToTopButton {position:absolute; bottom:0px; right:0px; overflow:hidden; width:0px; height:0px; line-height:60px; background:rgba(59,61,58,0.9); color:#FFF; text-align:center; border-bottom:solid 3px #64BBA5;}
        div#BackToTopButtonContainer a#BackToTopButton.Expanded {height:55px; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

footer#NSfooterContainer {background:rgba(59,61,58,0.9); padding-bottom:180px; font-size:0.85em;}
    footer#NSfooterContainer div.NSinnerWrapper {margin:0px 60px 0px 220px; width:calc(100% - 285px); height:60px; border-right:solid 1px transparent;}
        footer#NSfooterContainer div.NSinnerWrapper p {line-height:60px; margin:0px 23px 0px 0px; text-align:right;}
        footer#NSfooterContainer div.NSinnerWrapper a {color:#666;}
            footer#NSfooterContainer div.NSinnerWrapper a:hover {color:#64BBA5;}


        footer#NSfooterContainer div.NSinnerWrapper div#NSleftFooter {width:100%;
            background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1));
            background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1));
            background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
            background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1));
            background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1));
            background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.1));}
        footer#NSfooterContainer div.NSinnerWrapper div#NSrightFooter {}



/* ==========================================================================
   Page layout styles
   ========================================================================== */

/* Simple layout rules */
.FloatLeft {float:left;}
.FloatRight {float:right;}
.HalfColumn{} .ThirdColumn{} /* These are now set in layout-responsive.css */
.HalfColumn{} img, .ThirdColumn img {max-width:100%;}
hr.ClearBoth {clear:both; visibility:hidden;}
.Wrapper {overflow:auto; clear:both; margin-bottom:3em;}

/* Form styling */
form fieldset {padding:5px 0px;}
    form fieldset label {display:block; margin-top:1.3em;}
        form fieldset label span {color:#DD0000; font-size:1.5em; cursor:pointer;}
            form fieldset label span:hover:after {content:" required"; font-size:0.75em;}
    form fieldset input[type="text"], form fieldset textarea {width:80%; padding:10px; margin:5px 0px;
        border:none; border-left:solid 3px transparent; color:#44433C; /*background-color:#F3F3F3;*/ 
        background:linear-gradient(rgba(0,30,30,0.12), rgba(0,30,30,0.06) 7px, rgba(0,30,30,0.02) 100%);
        font-family:inherit; font-size:1em;}
        form fieldset input[type="text"]:focus, form fieldset textarea:focus {outline:none; color:#44433C; 
        background:linear-gradient(rgba(0,30,30,0.16), rgba(0,30,30,0.10) 7px, rgba(0,30,30,0.06) 100%);}
        form#VerificationCodeForm fieldset input[type="text"] {width:50%;}
    form fieldset textarea {font-family:inherit; height:90px;}

    /* Validation states */
    form fieldset input[type="text"].ErrorContained, form fieldset textarea.ErrorContained { border-left:solid 3px #DD3333; color:#CC0000;}
    form fieldset input[type="text"].Verified, form fieldset textarea.Verified { border-left:solid 3px #66CC66; color:#737373;}
    form span#ErrorMessage {display:block; color:#DD0000; line-height:3em; margin-top:1em;}



/*The contact-address lightbox*/
div#ShadeCloth {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#3B3D3A; opacity:0.93; z-index:1503;}
div#TheBox {display:none; position:fixed; top:0px; left:0px; /* width, height and margins moved out to layout-responsive.css */ overflow-y:auto;
    padding:0.3em 1.3em; text-align:center; background:#FFFFFF; box-shadow:0px 3px 15px #222; z-index:1504;}
    div#TheBox a {color:#3A8371;}                   div#TheBox a:hover, div#TheBox a#Closer:hover {color:#757575;}
    div#TheBox a#Closer {display:block; margin-bottom:30px; text-align:right; color:#64BBA5; font-size:2.3em;}

/*Contact verification process*/
span#NSgenFly {display:block; color:#DD0000; font-size:1.25em;}

/*Page footer*/
div#NSpageContainer.BoxedSite footer#NSfooterContainer {display:block; position:fixed; bottom:1px; right:3px; color:#555555; font-size:inherit; border-top:dotted 2px #555555;}
	div#NSpageContainer.BoxedSite footer#NSfooterContainer p {margin:0px; color:#555555;}
    div#NSpageContainer.BoxedSite footer#NSfooterContainer a {color:#666666; text-decoration:none;}

/*TURN ON WHEN BUILDING: *:hover {border:solid 1px red;} */





/* ==========================================================================
   H5BP helper classes
   ========================================================================== */
/* Image replacement */
.ir {background-color:transparent; border:0; overflow:hidden; /* IE 6/7 fallback: */ *text-indent:-9999px;}
.ir:before {content:""; display:block; width:0; height:150%;}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {display:none !important; visibility:hidden;}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility:hidden;}
/* Clearfix: contain floats
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after {content:" "; /* 1 */ display:table; /* 2 */}
.clearfix:after {clear:both;}
/* For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats. */
.clearfix {*zoom:1;}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width:35em) { /* Style adjustments for viewports that meet the condition */ }
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }


/* ==========================================================================
   Print styles. Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {background:transparent !important; color:#000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow:none !important;}
    a, a:visited {text-decoration:underline;}
    a[href]:after {content:" (" attr(href) ")";}
    abbr[title]:after {content:" (" attr(title) ")";}
    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";}
    pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
    thead {display:table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside:avoid;}
    img {max-width:100% !important;}
    @page {margin:0.5cm;}
    p, h2, h3 {orphans:3; widows:3;}
    h2, h3 {page-break-after:avoid;}
    }