@charset "UTF-8";
/* CSS Document */
    
    

    
    
/* ================== */	    
/* BASIC TEXT CSS */	
/* ================== */
    
    
/* Font size 8-48 */    
    .font-8{font-size: 8px} .font-9{font-size: 9px} .font-10{font-size: 10px} .font-11{font-size: 11px} .font-12{font-size: 12px} .font-13{font-size: 13px} .font-14{font-size: 14px} .font-15{font-size: 15px} .font-16{font-size: 16px} .font-17{font-size: 17px} .font-18{font-size: 18px} .font-19{font-size: 19px} .font-20{font-size: 20px} .font-21{font-size: 21px} .font-22{font-size: 22px} .font-23{font-size: 23px} .font-24{font-size: 24px} .font-25{font-size: 25px} .font-26{font-size: 26px} .font-27{font-size: 27px} .font-28{font-size: 28px} .font-29{font-size: 29px} .font-30{font-size: 30px} .font-31{font-size: 31px} .font-32{font-size: 32px} .font-33{font-size: 33px} .font-34{font-size: 34px} .font-35{font-size: 35px} .font-36{font-size: 36px} .font-37{font-size: 37px} .font-38{font-size: 38px} .font-39{font-size: 39px} .font-40{font-size: 40px} .font-41{font-size: 41px} .font-42{font-size: 42px} .font-43{font-size: 43px} .font-44{font-size: 44px} .font-45{font-size: 45px} .font-46{font-size: 46px} .font-47{font-size: 47px} .font-48{font-size: 48px}

    
/* Bold text */    
    .bold-type {font-weight: 700}


/* Cheat-up main page subhead */        
    .subhead-after-h1 {margin: -5px 0 30px 0!important;font-size: 16px}

    
/* Bullet lead-ins  */    
    .bullet-lead-ins {font-size: 18px;margin: 20px 0 0 0!important;}    

    
/* ================== */	    
/* END BASIC TEXT CSS */	
/* ================== */	    

    


   
/* ----------------------------------- */
    
    


    
/* ======================== */	    
/* COLORS */	
/* ======================== */	    
    

/* colors */	
.airgas-teal {color: #006272}
.airgas-orange {color: #FF8200}    
.airgas-yellow {color: #4EC3E0}    
.airgas-light-blue {color: #4EC3E0}    
.airgas-grey {color: #D0D0CE}
.airgas-red {color: #D7001E}

/* Background colors for divs, etc.*/	
.airgas-teal-background {background-color: #006272}    
.airgas-orange-background {background-color: #FF8200}    
.airgas-yellow-background {background-color: #4EC3E0}
.airgas-light-blue-background {background-color: #4EC3E0}    
.airgas-grey-background {background-color: #D0D0CE}    
.airgas-red-background {background-color: #D7001E}    

    
/* ======================== */	    
/* END COLORS */	
/* ======================== */	  
    


   
/* ----------------------------------- */
    
    


    
/* ===================== */	    
/* SIMPLE TWO-COLUMN CSS */	
/* ===================== */	    
    

/* Side-by-side columns */    
    .side-by-side {display: inline-block;}
    
    
/* Box for aligning interior elements vertically */        
    .outter-box-for-vertical-align {position: relative;}
    
    
/* Vertical align classes */
    .vertical-top {vertical-align: top;}
    .vertical-middle {vertical-align: middle;}
    .vertical-bottom {vertical-align: bottom;}        
    
    
/* width classes  */
    .width-20-percent {width: 20%;} .width-21-percent {width: 21%;} .width-22-percent {width: 22%;} .width-23-percent {width: 23%;} .width-24-percent {width: 24%;} .width-25-percent {width: 25%;} .width-26-percent {width: 26%;} .width-27-percent {width: 27%;} .width-28-percent {width: 28%;} .width-29-percent {width: 29%;} .width-30-percent {width: 30%;} .width-31-percent {width: 31%;} .width-32-percent {width: 32%;} .width-33-percent {width: 33%;} .width-34-percent {width: 34%;} .width-35-percent {width: 35%;} .width-36-percent {width: 36%;} .width-37-percent {width: 37%;} .width-38-percent {width: 38%;} .width-39-percent {width: 39%;} .width-40-percent {width: 40%;} .width-41-percent {width: 41%;} .width-42-percent {width: 42%;} .width-43-percent {width: 43%;} .width-44-percent {width: 44%;} .width-45-percent {width: 45%;} .width-46-percent {width: 46%;} .width-47-percent {width: 47%;} .width-48-percent {width: 48%;} .width-49-percent {width: 49%;} .width-50-percent {width: 50%;} .width-51-percent {width: 51%;} .width-52-percent {width: 52%;} .width-53-percent {width: 53%;} .width-54-percent {width: 54%;} .width-55-percent {width: 55%;} .width-56-percent {width: 56%;} .width-57-percent {width: 57%;} .width-58-percent {width: 58%;} .width-59-percent {width: 59%;} .width-60-percent {width: 60%;}


    
    
/* max-width classes  */        
    .max-width-65-percent {max-width: 65%}
    .max-width-70-percent {max-width: 70%}        

    
/* Float right */    
    .to-the-right {float: right;}
    
    
/* Dividing lines - horizontal */    
    .my-section-lines {margin: 40px 0}    


/* Cheat LIST divs up to accomodate for lead-in margins */        
    .my-list-divs{margin: -12px 0 0 0}    
    
    
/* Adjust LIST divs when screen is 480 pixels or less   */    
    @media(max-width:480px){
        .my-list-divs{width: 100%;float: none; margin-bottom: 10px;}
    }
    
    
/* ========================= */	    
/* END SIMPLE TWO-COLUMN CSS */	
/* ========================= */	    

    


   
/* ----------------------------------- */
    
    


    
/* ===================== */	    
/* MULTI-COLUMN/ROW CSS */	
/* ===================== */	  


/* Evenly space menu links */		
    .flex-rows-wrap{
        /* Flexbox to space items uniformly */	
		display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -webkit-flex;	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: -moz-box;		
		display: -ms-flexbox;  	/* INBETWEEN - IE 10 */
		display: flex;			/* NEW, Spec - Firefox, Chrome, Opera */

        /* Controls the spacing of the items inside of this flex container */
        /* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
        -webkit-box-justify-content:space-around;
        -webkit-justify-content:space-around;
        -moz-box-justify-content:space-around;
        -ms-flexbox-justify-content:space-around;
        justify-content:space-around;
        		
		/* Controls the layout direction (row or column) and wrap of the items inside */
		/* direction options: row | row-reverse | column | column-reverse */	
		/* wrap options: nowrap | wrap | wrap-reverse */
		-webkit-box-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;		
		-moz-box-flex-flow: row wrap;
		-ms-flexbox-flex-flow: row wrap;
		flex-flow: row wrap;        
    }



/* Evenly space menu links */		
    .flex-rows-wrap-space-between{
        /* Flexbox to space items uniformly */	
		display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -webkit-flex;	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: -moz-box;		
		display: -ms-flexbox;  	/* INBETWEEN - IE 10 */
		display: flex;			/* NEW, Spec - Firefox, Chrome, Opera */

        /* Controls the spacing of the items inside of this flex container */
        /* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
        -webkit-box-justify-content:space-between;
        -webkit-justify-content:space-between;
        -moz-box-justify-content:space-between;
        -ms-flexbox-justify-content:space-between;
        justify-content:space-between;
        		
		/* Controls the layout direction (row or column) and wrap of the items inside */
		/* direction options: row | row-reverse | column | column-reverse */	
		/* wrap options: nowrap | wrap | wrap-reverse */
		-webkit-box-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;		
		-moz-box-flex-flow: row wrap;
		-ms-flexbox-flex-flow: row wrap;
		flex-flow: row wrap;        
    }
    
    
/* ========================= */	    
/* END MULTI-COLUMN/ROW CSS */	
/* ========================= */	    

    


   
/* ----------------------------------- */
    
    


    
/* ======================== */	    
/* NESTED BULLETED LIST CSS */	
/* ======================== */	    

    
/* Stuff to reset Hybris' current list settings - will not be needed outside of the current Hybris configuration */		.nested-bulleted-lists {
		padding: 0!important;
	}	
	
	
/* Unordered Lists */		
	ul.nested-bulleted-lists {
		margin: -5px 0 0 0!important;
	}
	
	
/* individual lines */		
	ul.nested-bulleted-lists li{		
		margin-top: 8px;
		line-height: 18px;
		padding-left: 14px;	
		list-style: none;
		position: relative;
	}
	
	
/* bullets */	
	ul.nested-bulleted-lists li:before {
		content: "\02219";
		left: -1px;
		position: absolute;
		font-size:20px;
		top: -1px;
    }	
	
	
/* NESTED Lists */		
	ul ul.nested-bulleted-lists {
		margin: 5px 0 5px 10px!important;
	}
	
	
/* NESTED individual lines */		
	ul ul.nested-bulleted-lists li{		
		margin-top: 5px;
		line-height: 16px;
		padding-left: 15px;	
		list-style: none;
		position: relative;
	}
	
	
/* NESTED Bullets */		
	ul ul.nested-bulleted-lists li:before {
		content: "-";
		left: 5px;
		position: absolute;
		top: 0;
		color: #A8A8A8;
	}	    
    

/* =================================== */	    
/* END NESTED BULLETED LIST CSS */	
/* =================================== */	    

    


   
/* ----------------------------------- */
    
    


    
/* =================================== */	    
/* CSS to make SVG fluid in Chrome */	
/* =================================== */	    


    .my-svg {

        /* Flexbox to space items uniformly */	
        display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -webkit-flex;	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: -moz-box;		
        display: -ms-flexbox;  	/* INBETWEEN - IE 10 */
        display: flex;			/* NEW, Spec - Firefox, Chrome, Opera */

        /* Controls the layout direction (row or column) and wrap of the items inside */
        /* direction options: row | row-reverse | column | column-reverse */	
        /* wrap options: nowrap | wrap | wrap-reverse */
        -webkit-box-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;		
        -moz-box-flex-flow: column nowrap;
        -ms-flexbox-flex-flow: column nowrap;
        flex-flow: column nowrap;

        /* Enables embedded SVG to be a link */	
        pointer-events: none;
    }


/* =================================== */	    
/* END CSS to make SVG fluid in Chrome */	
/* =================================== */	




/* CHROME SIZING FIX - copy the code from the triangle (∆∆∆∆∆∆∆∆∆) borders below and paste into your HTML file. AFTER, just to clarify... AFTER pasting into your HTML file (not this CSS file!) follow the directions in the notes.




<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- CSS — to adjust SVG inline -->


<style>
/* Chrome fix for SVGs with sizing issues */

    /* ONE - DELETE this

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { 

    /* THREE - Add additional lines like these commented out below (#svg2, #svg3, #svg3, etc.) for each SVG and adjust/customize heights accordingly */
    /*     #svg2 object {position:relative; height: 100vw; max-height: 1500px;}     */
    /*     #svg3 object {position:relative; height: 100vw; max-height: 1500px;}     */
    /*     #svg4 object {position:relative; height: 100vw; max-height: 1500px;}     */

        /* TWO - DELETE this       
        #svg1 object {position:relative; height: 100vw; max-height: 1500px;}

    }
</style><-- END of CSS to be placed in HTML file -->




<!-- ********************************** -->        
<!-- START: SVG — fluid in Chrome HTML  -->
<!-- ********************************** -->

    <!-- Link/URL must stay outside of SVG div/container -->
    <a href="YourLINK" target="_blank" >

        <!-- SVG div container - ID below should match Chrome fix CSS above (if not needed leave blank) -->
        <div id="" class="my-svg">

            <!-- SVG embed on page -->
            <object type="image/svg+xml" data="yourSVGurl"></object>    

        </div><!-- Close SVG div container -->
    </a><!-- Close Link/URL - must stay outside of SVG div/container -->

<!-- ********************************** -->        
<!-- END: SVG — fluid in Chrome HTML  -->
<!-- ********************************** -->  

<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->    
  
    


   
/* ----------------------------------- */
    
    


    
/* =============== */	    
/* STICKY MENU CSS */	
/* =============== */	    
	
/* My sticky menu */	
	.my-sticky-menu {

        /* Box setting */	
        background: rgba(0, 100, 114, 0.95);
		width: 100%;
        color: #fff;
		padding: 7px 10px;

        /* Pins it to bottom of page */	
        position:fixed;
        bottom: 0;
        left: 0;
    }

    
/* Container to keep width at 940 or less */	
    .my-sticky-menu-width{
        max-width: 940px;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
    }        

    
/* My sticky menu Headline*/	
	.my-sticky-menu-headline {
        font-size: 18px;
        font-weight: 500;
        color: #FFF;
    }        

    
/* Evenly space menu links */		
    .my-sticky-menu-links{
        /* Flexbox to space items uniformly */	
		display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -webkit-flex;	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: -moz-box;		
		display: -ms-flexbox;  	/* INBETWEEN - IE 10 */
		display: flex;			/* NEW, Spec - Firefox, Chrome, Opera */

        /* Controls the spacing of the items inside of this flex container */
        /* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
        -webkit-box-justify-content:space-between;
        -webkit-justify-content:space-between;
        -moz-box-justify-content:space-between;
        -ms-flexbox-justify-content:space-between;
        justify-content:space-between;
        		
		/* Controls the layout direction (row or column) and wrap of the items inside */
		/* direction options: row | row-reverse | column | column-reverse */	
		/* wrap options: nowrap | wrap | wrap-reverse */
		-webkit-box-flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;		
		-moz-box-flex-flow: row nowrap;
		-ms-flexbox-flex-flow: row nowrap;
		flex-flow: row nowrap;        
    }
    
    
/* Sticky menu link color */	
    .my-sticky-menu a{color: #FFF; margin: -5px 0 0 0;}       
    .my-sticky-menu a:hover {color: #d5ecf0;}
    
    
/* Adjust stick menu links at 800 pixels or less   */    
    @media(max-width:800px){
        .my-sticky-menu a{font-size: 11px; line-height: 14px; padding: 0 15px 8px 0;}
    }
    
    
/* Adjust sticky menu headline and flow at 450 pixels or less   */    
    @media(max-width:450px){
        .my-sticky-menu {text-align: center}
        .my-sticky-menu-headline{font-size: 14px;font-weight: 700;line-height: 16px; margin: 0 0 15px 0!important;}   
        .my-sticky-menu-links{flex-flow: row wrap;
        /* This defines how content is distributed in the remaining space */
        /* direction options: flex-start | flex-end | center | baseline | stretch */
        justify-content: center;          
        } 
    }       

/* ==================== */	    
/* END STICKY MENU CSS */	
/* ==================== */