/* ----------------------------------------------------------------
    LAYOUT
---------------------------------------------------------------- */

html {
    font: 100% "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    background-color: #F5F5F5;
}

html body.home {
    background-color: white;
}

body {
    text-align: left;
    color: #383838;
    position: relative;
    font-size: 0.9375rem;
    line-height: 1.5rem;
}

    body.logged-in.admin-bar #header {
        top: 32px;
    }

#main {
    overflow: hidden;
    zoom: 1;
    clear: both;
    padding-top: 8.45rem;
}

	.home-live #main {
		padding-top: 8.65rem;
	}

#wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#main {
    padding-left: 8rem;
    padding-right: 8rem;
}

/* ----------------------------------------------------------------
    HEADER
---------------------------------------------------------------- */

#header {
    box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

    #header.small {
/*         top: -3.5rem; */
    }
    
        #header.small:hover {
/*             top: 0; */
        }
    
    body.logged-in.admin-bar #header.small {
/*         top: -1.375rem; */
    }
    
        body.logged-in.admin-bar #header.small:hover {
/*             top: 32px; */
        }

#header .top {
    width: 100%;
    line-height: 2rem;
/*     font-size: 0.875rem; */
}

    #header .top > .left {
        padding: 0.6875rem 1.5rem;
    }
    
    #header .top > .right > a {
        padding: 0.8rem 1.375rem;
    }

    #header .top .left a {
        display: block;
        float: left;
        width: 18rem;
        padding-top: 0.2rem;
    }
    
        #header .top .left a img {
            float: left;
            height: auto;
            max-width: inherit;
            width: 100%;
        }

        #header .top .logo-top {
            float: left;
            display: inline-block;
            margin-top: 0.9rem;
            margin-left: 1.3rem;
        }

    #header .top ul {
        margin: 0;
        list-style: none;
        float: left;
        padding: 0.6875rem 1.5rem;
        margin-top: 5px;
    }
    
        #header .top ul li {
            float: left;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            border-left: 1px solid #fff;
        }
        
            #header .top ul li:first-child {
                border: none;
                padding-left: 0;
            }
            
            #header .top ul li:last-child {
                padding-right: 0;
            }
        
        #header .top .link h3 {
            font-size: 1.1875rem;
            line-height: 1.3125rem;
            position: relative;
            top: -2px;
        }

        #header .top .link h3 span {
            font-size: 15px;
            display: block;
        }
        
        .search-form {
            position: relative;
            float: left;
        }
        
        .search-field {
            border: 1px solid rgba(255,255,255,0.5);
            background-color: transparent;
            padding: 0.3125rem;
            width: 12rem;
            float: left;
            color: #fff;
        }
        
        .search-field:focus {
            border: 1px solid rgba(255,255,255,1);
            outline: 0;
            color: #fff;
            width: 18rem;
        }
        
        .search-submit {
            position: absolute;
            right: 0.3445rem;
            top: 0.5rem;
            height: 1.125rem;
            width: 1.5rem;
            padding: 0;
            border: none;
            background-color: transparent;
            font-size: 1rem;
            line-height: 1.125rem;
        }

#header .bottom {
    width: 100%;
    position: relative;
}

    #header .bottom > .left {
        padding-left: 1.5rem;
        padding-right: 0;
    }
    
    #header .bottom > .right a {
        padding: 1.275rem;
        display: block;
        line-height: 1.275em;
    }
    
        #header .bottom > .right a:hover {
            background-color: #193852;
            color: white;
        }
        
        #header .top > .right > a:hover {
            background-color: white;
            color: #193852;
        }
        
            #header .top > .right > a:hover, #header .top > .right > a:hover .c3 {
                color: #c8102e;
            }
        
        #header .bottom > .right a h3 {
            font-size: 1rem;
            line-height: 1.25rem;
        }
        
        #header .bottom > .right a:hover h3 {
            color: white;
        }
        
        #header .bottom > .right a span, #header .top > .right a span {
            font-size: 15px;
        }
        
            #header .top > .right a.login span {
                font-size: inherit;
            }
    
        #header .bottom > .right a .arrow {
            line-height: 2.5rem;
            padding-left: 1.5rem;
        }
        
        #header .top > .right a .arrow {
            line-height: 2.5rem;
            padding-left: 3.7rem;
        }

#header #logo {
    width: 16rem;
    line-height: inherit;
    padding-top: 1.4rem;
    padding-bottom: 1.25rem;
}

    #header #logo img {
        height: 2.32rem;
    }

/* ----------------------------------------------------------------
    NAVIGATION
---------------------------------------------------------------- */

#main-nav {
    float: left;
    margin: 0;
    padding-left: 1rem;
    line-height: 2.65rem;
}

#main-nav ul {
    list-style: none;
    float: left;
    margin: 0;
}

#main-nav ul li {
    float: left;
}

    #main-nav ul li a {
        padding-bottom: 1.234rem;
        padding-top: 1.234rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        float: left;
        font-weight: 500;
        font-size: 16px;
    }

    #main-nav ul li.active.dropdown a, #main-nav ul li.toggle.dropdown a {
        position: relative;
    }
    
        #main-nav ul li.toggle.dropdown ul li a:hover {
            opacity: 0.5;
        }
        
        #main-nav ul .dropdown-menu .col li.active.current-page-ancestor a {
            color: white;
        }

    #main-nav ul li.toggle.dropdown a:after {
        bottom: 0rem;
    }
    
    /* #main-nav ul li.dropdown a:after {
        content: '';
        border-bottom: 0.85rem solid #193852;
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        position: absolute;
        bottom: -1rem;
        left: 50%;
        margin-left: -1rem;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease; 
        -o-transition: all 0.3s ease; 
        transition: all 0.3s ease;
    } */

    #main-nav ul li a {
/*         font-weight: 500; */
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease; 
        -o-transition: all 0.3s ease; 
        transition: all 0.3s ease;
        overflow: hidden;
        position: relative;
        color: #007dbc;
    }
    
        #main-nav ul li .dropdown-menu {
            position: absolute;
            top: 100%;
            width: 100%;
            left: 0px;
            padding-left: 18.45rem;
            padding-right: 13.5rem;
            padding-top: 0rem;
            padding-bottom: 0rem;
            max-height: 0;
            opacity: 0;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s; 
            -o-transition: all 0.3s; 
            transition: all 0.3s;
            overflow: hidden;
            font-size: 0.875rem;
            line-height: 2.25rem;
            box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.35);
        }
        
            #main-nav ul li.active > a {
                color: #c8102e;
            }
        
            #main-nav ul li.toggle.dropdown .dropdown-menu {
                max-height: 500px;
                opacity: 1;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
            }
        
            #main-nav ul .dropdown-menu .col {
                padding: 0;
                padding-left: 1rem;
                padding-right: 1rem;
                width: 33.33%;
                float: left;
            }
                
                #main-nav ul .dropdown-menu .col li {
                    padding: 0;
                    width: 100%;
                    border-top: 1px solid rgba(255, 255, 255, 0.5);
                }
                
                    #main-nav ul .dropdown-menu .col li.border {
                        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
                    }
                
                    #main-nav ul .dropdown-menu .col li.active a {
                        color: #193852;
                    }
                
                    #main-nav ul .dropdown-menu .col li:first-child {
                        border-top: none;
                    }
        
                #main-nav ul ul li a {
                    color: #fff;
                    padding: 0;
                    float: left;
                    width: 100%;
                }
                
                    #main-nav ul ul li a i {
                        line-height: inherit;
                    }
    
/* ----------------------------------------------------------------
    SECTIONS / BLOCKS
---------------------------------------------------------------- */

.touch .video-holder .video-player {
    display: none!important;
}
    
.video-holder {
    position: relative;
    overflow: hidden;
}

    .video-player {
        position: absolute;
        z-index: 0;
        top: 0%;
        left: 0%;
        opacity: 0;
    }

.sections-holder {
    
}

.sections-holder section {
    margin-bottom: 3rem;
    float: left;
}

section.blocks-section {
    width: 100%;
    overflow: hidden;
}

    section.blocks-section figure {
        float: left;
        width: 100%;
        position: relative;
    }
    
    section.blocks-section h3 {
        margin-bottom: 0.5rem;
    }
    
    	section.blocks-section h3 .big {
	    	font-size: 2rem;
    	}
    
        section.blocks-section h3 {
            font-size: 1.25rem;
            line-height: 1.5rem;
        }

    .block {
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    
        .bc3.block {
            border-right: 1px solid #ECECEC;
            border-top: 1px solid #ECECEC;
        }
    
        .block.bb {
            border-bottom: 1px solid #fff;
        }
    
        .block .table {
            width: 100%;
            display: table;
            padding: 2rem;
            table-layout: fixed;
        }
        
            .block .table.tagline {
/*                 padding: 4rem; */
            }
            
            .block.title h1.wrap {
                white-space: nowrap; 
                width: 100%; 
                overflow: hidden;
                text-overflow: ellipsis;
            }
        
            .block .table.ot {
                width: 33.33%;
            }
        
            .block .table .cell {
                display: table-cell;
                vertical-align: middle;
                float: none;
            }
            
            .block .table .cell.bottom {
                vertical-align: bottom;
            }
            
        .block .table .ot {
            padding-left: 2rem;
            padding-right: 2rem;
            border-left: 1px solid #193852;
        }
        
        .block .table .ot:first-child {
            border: none;
        }
    
    .block.last {
        border-right: transparent;
    }
    
    .block.top {
        border-top: transparent;
    }
    
        .block header {
            padding-bottom: 1.5rem;
        }
        
        .block a:hover header {
            padding-bottom: 0.5rem;
        }
        
        .block figure {
            padding-bottom: 2rem;
        }

    .block.oth {
        min-height: calc((100vh - 8.45rem) * 0.333);
    }
    
        .block.oth.title h1 {
            font-size: 2rem;
            line-height: 2.3rem;
        }
    
        .block.oth.fade a, .block.oth.fade div {
            opacity: 0;
        }
        
        .block.oth.fade {
            background-color: rgba(255,255,255,0);
        }
    
        .block .table {
            min-height: calc((100vh - 8.45rem) * 0.333);
            height: 100%;
        }
        
        .pad {
/*
            padding-top: 2rem;
            padding-bottom: 2rem;
*/
        }
        
        .block.oth.person header {
            padding-bottom: 0;
        }
        
    .block.hf.bottom .table {
        padding-left: 0;
        padding-right: 0;
    } 
        
    .block.tth {
        min-height: calc((100vh - 8.45rem) * 0.666666);
    }
    
        .block.tth .table {
            height: calc((100vh - 8.45rem) * 0.666666);
        }
        
    .block.pull {
        margin-top: calc((-100vh + 8.45rem) * 0.333);
        clear: left;
    }
    
    .block .content, .grid .content {
        padding: 2rem;
    }
    
        .block .content .intro, .grid .content .intro {
            font-size: 1.125rem;
            line-height: 1.5rem;
            padding-bottom: 1.5rem;
        }
        
            .block .cell footer {
                margin-top: 2rem;
                margin-bottom: 0;
            }

.pull {
    margin-top: calc((-100vh + 8.45rem) * 0.333);
    display: block;
}
        
.grid article {
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 100%;
}

    .grid article .content {
        display: block;
        float: left;
        width: 100%;
    }

    .grid article .content.first {
        min-height: calc((100vh - 8.45rem) * 0.333);
        display: block;
        float: left;
        width: 100%;
    }
    
    .tweet {
        margin-bottom: 1rem;
        display: block;
    }
    
    .block .table.next {
        border-left: 1px solid #fff;
    }

/* ----------------------------------------------------------------
    PAGE
---------------------------------------------------------------- */

.page-content h1 {
    font-size: 2rem;
    line-height: 2rem;
    color: #193852;
    margin-bottom: 2rem;
}

    .page-content header time {
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin-bottom: 0.5rem;
        display: block;
    }

.page-content h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #193852;
    margin-bottom: 1.5rem;
}

.page-content h3 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #193852;
    margin-bottom: 1.25rem;
}

    .page-content h3.c2 {
        color: #FBBC1E;
    }

.page-content a {
/*     color: #FBBC1E; */
    color: #5e8ab4;
    text-decoration: underline;
}

    .page-content a.button.c3 {
	    color: #fff;
        text-decoration: none;
    }
    
        .page-content a.button.c3 .arrow {
            margin-right: 1rem;
        }
        	        
	        .page-content a.button.c3 .arrow i {
				margin: 0;
				font-size: inherit;
    	    }
    
        .page-content a.button.c3:hover {
            color: #fff;
        }

    .page-content a:hover {
        text-decoration: none;
        color: #999;
    }

.pagination-holder {
    margin-bottom: 2rem;
    float: left;
    width: 100%;
}

    .pagination-holder .block h4, .post-image.block h4 {
        margin-bottom: 1.5rem;
    }
    
        .pagination-holder .block a:hover h4 {
            margin-bottom: 0.5rem;
        }
    
    .pagination-holder .block {
        border-top: none;
        border-right: none;
    }
    
.image-content {
    margin-bottom: 2rem;
    float: left;
    width: 100%;
    overflow: hidden;
}

    .image-content:hover img {
/*
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
*/
    }
 
/* ----------------------------------------------------------------
    SHARE
---------------------------------------------------------------- */
   
.share-list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 2rem 0;
    margin-bottom: 0;
}

    .share-list li {
        float: left;
        width: 20%;
        border-left: 1rem solid #F5F5F5;
        white-space: nowrap;
    }
    
        .share-list li:first-child {
            border-left: 0;
        }
        
        .share-list li i {
            margin-right: 1rem;
        }
    
        .share-list li a {
            background-color: white;
            float: left;
            width: 100%;
            padding: 1rem;
        }
        
/* ----------------------------------------------------------------
    SLIDES
---------------------------------------------------------------- */

#slides, #text-slides {
    position: relative;
    height: 100%;
}

.slides-viewport {
    height: 100%;
}

.slides-viewport .slides, .slides-viewport .slides li {
    height: 100%;
}

#text-slides:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2rem;
    border-left: 2rem solid #FFF;
    border-top: 2rem solid rgba(0, 0, 0, 0);
    border-bottom: 2rem solid rgba(0, 0, 0, 0);
    z-index: 1;
}

#slides:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -2rem;
    border-right: 2rem solid #FFF;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    z-index: 1;
}

.slides {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
}
    
    .slides li {
        display: none;
    }
    
        .slides li:first-child {
            display: block;
        }
        
    .slides-control-nav {
        float: left;
        width: 100%;
        margin: 0;
        list-style: none;
        margin-top: -2rem;
        text-align: center;
        position: relative;
        z-index: 10;
    }
    
        .slides-control-nav li {
            display: inline-block;
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }
        
            .slides-control-nav li a {
                width: 0.5rem;
                height: 0.5rem;
                border: 1px solid #fff;
                text-indent: -9999rem;
                display: block;
            }
            
                .slides-control-nav li a.active {
                    background-color: #fff;
                }
                
#text-slides .slides li .table {
    padding: 0rem 4rem;
/*     height: calc((100vh - 8.45rem) * 0.333); */
}

	#text-slides .slides li .table span {
		display: block;	
		font-weight: 700;
	}
	
	#text-slides .slides li .table time {
		margin-bottom: 	15px;
		font-weight: 700;
		font-size: 16px;
	}

/* ----------------------------------------------------------------
    QUOTES
---------------------------------------------------------------- */

.quotes {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
}

    .quotes li {
        padding-left: 12.5rem;
        padding-right: 12.5rem;
    }

    .quotes li .table {
        display: table;
    }
        
        .quotes li .table .cell {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }
        
            .quotes h3 {
                line-height: 2.25rem;
            }
        
            .quotes li .table .cell .inner {
                padding-top: 2rem;
                padding-bottom: 2rem;
            }
        
            .quotes li .table .cell footer {
                margin-top: 2rem;
                font-style: italic;
                padding-right: 2rem;
            }

/* ----------------------------------------------------------------
    NEWS / POST
---------------------------------------------------------------- */

.post-image, .post-image-left {
    position: relative;
}

    .post-image .table, .post-image-left .table {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        height: 100%;
    }

    .post-image:hover .table, .post-image-left:hover .table {
        background-color: rgba(25,56,82,0.9);
        opacity: 1;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
        
.post-image:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2rem;
    border-left: 2rem solid #FFF;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    z-index: 1;
}

.post-image-left:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -2rem;
    border-right: 2rem solid #FFF;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    z-index: 1;
}

.no-border.post-image-left:before {
    display: none;
}

/* ----------------------------------------------------------------
    FOOTER
---------------------------------------------------------------- */

#footer {
    position: relative;
    float: left;
    width: 100%;
}

.footer {
  padding: 10px 0;
  background-color: #193852;
}

#footer .top {
    float: left;
    width: 100%;
}

    #footer .top h3 {
        font-size: 1.25rem;
    }

    #footer .top .oq, #footer .top .hf {
        padding: 2rem;
    }
    
        #footer .top .oq header, #footer .top .hf header {
            padding-bottom: 1rem;
        }
    
        #footer .top nav, #footer .top ul {
            margin: 0;
            list-style: none;
        }
        
            #footer .top .menu a, #footer .main-nav a {
                color: #fff;
            }
            
            #footer .top .menu li:before {
                content: '';
                width: 6px;
                height: 6px;
                background-color: #c8102e;
                display: inline-block;
                position: relative;
                top: -2px;
            }
            
                #footer .top .menu li a {
                    padding-left: 0.5rem;
                }
                
                    #footer .top .menu li a:hover, #footer .bottom a:hover {
                        opacity: 0.5;
                    }
            
            #footer .social li {
                float: left;
                margin-right: 0.5rem;
            }
              
            #footer .social a {
                width: 1.5rem;
                display: block;
                text-align: center;
                border-radius: 2rem;
            }
            
            #footer .social a:hover {
                color: #c8102e;
            }

#footer .bottom nav {
    margin: 0;
    float: left;
    line-height: 1rem;
}

#footer .bottom nav ul {
    list-style: none;
    margin: 0;
    float: left;
}

#footer .bottom nav ul li {
    float: left;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    border-left: 1px solid #fff;
}

#footer .bottom nav ul li a:hover {
    color: #fff;
} 

    #footer .bottom nav ul li:first-child {
        padding-left: 0;
        border: none;
    }

#footer .bottom {
    float: left;
    width: 100%;
    padding: 1rem 2rem;
}

.to-top {
    position: absolute;
    right: 7.5rem;
}

    .to-top i {
        position: relative;
        z-index: 2;
    }

.to-top:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2rem;
    margin-top: 0;
    border-top: 2rem solid #F5F5F5;
    border-left: 2rem solid rgba(0, 0, 0, 0);
    border-right: 2rem solid rgba(0, 0, 0, 0);
    z-index: 1;
}

.footer {
  width: 100%;
  padding: 10px 0;
  background-color: #193852;
}
.footer .center {
  max-width: 1200px;
}
.footer ul li {
  float: left;
  font-size: 14px;
  color: #fff;
  padding: 0 10px 0 0;
}
.footer ul li:after {
  content: '|';
  padding: 0 0 0 10px;
}
.footer ul li:last-child:after {
  content: '';
}
.footer ul li a {
  color: #fff;
}

.footer {
  width: 100%;
  padding: 10px 0;
  background-color: #193852;
}

.footer .center {
  max-width: 1200px;
}
.footer ul li {
  float: left;
  font-size: 14px;
  color: #fff;
  padding: 0 10px 0 0;
}
.footer ul li:after {
  content: '|';
  padding: 0 0 0 10px;
}
.footer ul li:last-child:after {
  content: '';
}
.footer ul li a {
  color: #fff;
}


/* ----------------------------------------------------------------
    LOGIN
---------------------------------------------------------------- */

.login-form .hf {
	padding-left: 0.5rem;
}

.login-form .half-holder .hf:first-child {
	padding-left: 0;
	padding-right: 0.5rem;
}

.login-form .button {
	width: 100%;
	border: none;
	margin-top: 1rem;
}

.lb-container p {
    line-height: 1.5rem;
}

.login-form footer {
    margin-top: 1rem;
    margin-bottom: 0;
}

.pwdalert {
	color: red;
	margin-bottom: 1.5rem;
}

.login-form {
    margin-top: 1.5rem;
}

    .login-form button {
        font-size: 0.9375rem;
        font-family: "Roboto";
    }
    
.login-content {

}

.lb-container header h3 {
    margin-bottom: 1.5rem;
}

.lb-back {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 1000;
	display: none;
	text-align: center;
	line-height: 100vh;
}

.lb-container {
	display: inline-block;
	max-width: 70%;
	max-height: 90%;
	background: #fff;
	text-align: left;
	line-height: 1.5rem;
	padding: 3rem;
	box-shadow: 0px 10px 30px #000;
	vertical-align: middle;
	overflow: auto;
	position: relative;
}

.lb-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	text-decoration: none;
	font-size: 30px;
	line-height: 11px;
}

.lb-container #login-form .field
.input {
	width: 71%;
	margin: 0;
}

.login-form input[type="text"], .login-form input[type="password"] {
	width: 100%;
	font-family: 'Roboto';
    padding: 0.3125rem;
	background-color: white;
	border: 1px solid #ececec;
}

.lb-back h2 {
	padding-bottom: 20px;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
} 

/* IE8 */

#no-support {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000;
    top: 0px;
    left: 0px;
}

.support-message {
    background-color: white;
    width: 320px;
    padding: 30px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -130px;
}

    .support-message img, .support-message h3 {
        margin-bottom: 30px;
    }

/* ----------------------------------------------------------------
    LOI
---------------------------------------------------------------- */

.loi-footer {
    margin-top: 20px;
    margin-bottom: 0;
}

.loi-footer p:last-of-type {
    margin-bottom: 0;
}

/* ----------------------------------------------------------------
    PRINT
---------------------------------------------------------------- */

#print-modal {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 50%;
    margin: 0 0 0 -512px;
    padding: 0 4rem;
    width: 1024px;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

#print-modal-content {
    margin: 4rem 0;
    border: none;
    height: 100%;
    overflow: hidden;
    width: 100%; 
}

#print-modal-controls {
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    top: 15px;
    left: 50%;
    margin: 0 0 0 -81px;
    position: fixed;
    padding: 5px 0;
    background: rgba(250, 250, 250, 0.75);
}

    #print-modal-controls a {
        color: #FFF;
        display: block;
        float: left;
        height: 32px;
        text-decoration: none;
        text-indent: -999em;
        width: 80px;
    }
    
    #print-modal-controls a:hover {
        opacity: 0.75;
    }
    
    #print-modal-controls a.print {
        background: url('../../img/ui/icon-print.png') no-repeat 50% 50%;
    }
    #print-modal-controls a.close {
        background: url('../../img/ui/icon-close.png') no-repeat 50% 50%;
    }
    
.shead {
/*   margin-top: 20px; */
}
    
.shead.eau_coa_question, .shead {
  padding: 1rem;
  background-color: #193852;
  color: #FFF;
  border: 2px solid white;
}

.question_bg table th, .question_bg table td {
  border: 0;
  padding: 0;
}

#form-coa .btn {
  float: right;
  padding: 0.5rem 1rem;
  border: 0;
  outline: 0;
}

.quest .btn {
  margin-top: 1rem;
}