/*=RESET STYLES
---------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;}

/*=HTML5 DISPLAY-ROLE RESET
---------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}

/*=PAGE STRUCTURE
-----------------*/
body {font-family: 'Roboto', sans-serif;color:#4C4D4E;font-size:100%;background:#fff url(../images/EOH-diamonds-bkr.png) top left no-repeat;background-attachment: fixed;background-position: 0;}
.wrap {margin:0em auto;max-width:61.25em;position:relative;}
#logo-print {display:none}
header[role="banner"] {width:100%; text-align:center; min-height:150px;}
#container {float:left;width:100%;}
main#container #gutter-frame {background:#fff;border-left:1px solid #9D9FA1;border-right:1px solid #9D9FA1;}
footer[role="contentinfo"] {clear:both;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important}
.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center !important}


/*=TYPOGRAPHY
-------------*/
h1,h2,h3,h4,h5,h6 {    font-family: 'Roboto', sans-serif;font-weight:normal;}
main#container #gutter-frame-home h3 {font-size: 27px; color: #004A7F; margin-bottom: 0; padding: 15px 0px 0px 0px; background-color: #fff; margin-bottom:1em;}
h3 {font-size:30px;color:#311565;margin-bottom:.5em; padding: 15px 0px 0px 0px;font-weight:500}
h4 {color: #22346B; font-size: 20px; font-weight: 600; margin-top:.75em;     margin-bottom: 15px}
h5 {font-size:0.958em;color:#84CEC4;margin-bottom:0em; font-weight:500;}
h6 {font-size:1.2em;font-weight:bold;color:#009DDD}
sup {vertical-align: super;font-size:80%}
b, strong {font-weight:bold;}
i, em {font-style:italic;}


/*=NAVIGATION
------------*/
a.menu-link {display:none;text-decoration:none;float:left;padding:1em 0 .75em 1em;}
a.menu-link i, a.menu-link b {color:#fff;font-size:1.5em;}
a.menu-link b {padding-left:.5em;font-weight:normal;}

/* general ul style */
.menu {margin:0 auto;max-width:61.25em;}
.menu li.menu-tab a {padding:18px;}
.menu > ul {float:left;width:100%;background:#202D60;position:relative;z-index:99;top:0;}
/* first level ul style */
.menu ul li {list-style: none}
.menu ul li a {display:block;text-decoration:none;}
.menu > ul > li {text-align:center;float:left}
.menu > ul > li > a {padding:18px;font-size:14px;color:#fff;font-weight: 400;}
.menu ul li li {text-transform:none;font-weight:normal;text-align:left}

.menu > ul > li > a:hover {color:#fff;background:#00AC65}
.menu li a i {position:absolute;left:-9999px;} /*Move Home label*/
.menu li.tab1 {margin-left:32px;}
.menu a.home {font-size:20px;padding:15px 18px 14px 18px} /*Home icon*/
.menu a.home:after {content:'\e601';font-family:'icomoon';speak:none;font-size:18px} /*Home icon*/
.menu li.menu-tab > a.home:hover {color:#fff; background:#00AC65;}
.menu li.menu-tab > a:hover {color:#004A7F; background:#E3EBF2;-webkit-transition-timing-function: ease-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5 ease-in-out;transition: all 0.5 ease-in-out;}
.menu a.category {position: relative;}
.menu a.category:after {content:'\e93a';font-family:'icomoon';speak: none;color:#fff;padding-left: 5px;font-size:14px}

body#one li.tab1 a, body#two li.tab2 a, body#three li.tab3 a, body#four li.tab4 a, body#five li.tab5 a, body#six li.tab6 a, body#seven li.tab6 a, body#eight li.tab7 a {color:#fff; }

body#five li.tab5 .fin-nav li a { background:none} 
body#five li.tab5 .fin-nav li a:hover { color:#202D60 !important} 


/* sub-menu */
.menu .menu-sub {display:none;position:absolute;left:0;background:#5EBEE8;width:96%;min-height:254px; padding: 20px;} 
.menu ul li:hover > .menu-sub {display:block;}
.menu .menu-sub-inner ul {margin:0;padding: 0}
.menu .menu-sub-inner {margin-top: 10px;}

.menu .menu-sub-inner > div {width:47%;float:left;text-align:left;padding-left:0%;padding-right:1.5%;margin-top: 0em;}
.menu .menu-sub-inner > div a {color:#fff;line-height:1.6;font-size: 14px;padding:.39em 0;background:transparent;padding-left:0 !important;font-weight: 400;}
.menu .menu-sub-inner > div li a:link, .menu .menu-sub-inner > div li a:visited {color:#fff}

.menu .menu-sub-inner li {position:relative;padding-left:0;margin-left:0;background:transparent !important;}

.menu .menu-sub-inner .fin-nav li {position:relative;margin-left:24px}
.menu .menu-sub-inner .fin-nav li a {font-size:16px;color:#fff}
.menu .menu-sub-inner .fin-nav li a:link, .menu .menu-sub-inner .fin-nav li a:hover, .menu .menu-sub-inner .fin-nav li a:visited {text-decoration: none;}
.menu .menu-sub-inner .fin-nav li a:hover {color:#202D60}
.menu .menu-sub-inner .fin-nav li a:before {content:'\e93c';font-family:icomoon;position:absolute;left:-20px;top: 50%;transform: translateY(-50%);font-size:16px;color:transparent}
.menu .menu-sub-inner .fin-nav li a:hover:before {color:#202D60}
.menu .menu-sub-inner a {border:none !important}


.menu .menu-sub-inner .fin-nav li:first-child a:hover:before {  top:19px }

/*breadcrumb*/
#breadcrumb {background-color:#ffffff;border-bottom:1px solid #9D9FA1;padding:.5em 0; font-family: 'Roboto', sans-serif;}
#breadcrumb p {font-size:.75em;padding-left:1em; color: #7B7B7B !important;margin-bottom:0}
#breadcrumb a:link {color:#014983;}
#breadcrumb a:visited {color:#014983;}
#breadcrumb a:hover {color:#000;}
#breadcrumb b.page-selected {color:#84CEC4}

/*=HEADER CONTENT
-----------------*/
header[role="banner"] #logo-print {display:none}
header[role="banner"] h1 {text-indent:-9999px;background:transparent url(../images/EOH-logo.png) left top no-repeat;width:131px;height:131px;margin-left: 20px;float:right}
header[role="banner"] h1 a {display:block;width:131px;height:131px;overflow:hidden;margin-top: 0em;}
header[role="banner"] h2 {padding:0; font-size:24px;text-align:left; color: #1F2C5F;margin-top:36px;float:right;background:#fff;line-height: 1.2}
header[role="banner"] h2 span { font-weight:400; font-style:normal; font-size:18px; color:#00A79D;}
.header-wrapper{padding: 0 0 23px 5px;}
.header-container {margin:0 auto;max-width:61.25em; }
br.rwd-line {display:none}
/*=TOOLBAR
----------*/
#toolbar {position:absolute;top: 206px;right: -51px;width: 51px;}
#toolbar ul {margin-bottom:0;background:#28A9E1;}
#toolbar a {display:block;padding: .25em;text-align:center;vertical-align:middle;font-size:1.5em;}
#toolbar li a:link, #toolbar li a:visited {background-color:transparent;color:#fff;text-decoration:none;}
#toolbar li a:hover {background:#00AC65;color:#fff;}


.scrollable {position: relative;clear: both;}

/*=HOMEPAGE
-----------*/
.content-block {padding:1.375em; margin-bottom:15px;}
body .content-block.no-paddingB {padding-bottom: 1em !important}

/*=COMMENTARY
---------------*/


/*=KEY INDICATOR BLOCKS
----------------------*/


/*=BODY CONTENT
---------------*/

#one main[role="main"] p, #two main[role="main"] p {text-align: left;}
ul.grid-three.downloads li p { text-align:center !important}
main[role="main"] p {font-size:14px;margin-bottom:1em;line-height:1.6; text-align: justify;}
main[role="main"] p.space {margin-bottom:0em;line-height:2.2}
main[role="main"] table {font-size:14px;margin-bottom:.5em !important;line-height:1.4}
main[role="main"] ul, main[role="main"] ol {margin-bottom:1em;}
main[role="main"] li {font-size:14px;line-height: 1.7;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
#container figure img {display:block;max-width:100%;height:auto !important}


.switch-blue {color:#1F2C5F!important;}
.switch-red {color:#A7242A!important;}
.switch-lightblue {color:#00ADE5!important;}
.switch-grey {color:#BABCBE!important;}
.switch-orange{ color:#F36B23!important;}
.switch-darkgrey{ color:#4B4B4D!important;}
.switch-black {color:#000!important;}

.font-wieght-500 { font-weight:500;}



.intro-green { color: #84CEC4; font-size: 20px !important; font-weight: 400; text-align:left !important;}
.intro-blu { color: #1F2C5F; font-size: 17px !important; font-weight: 500;}
.switch-blus { color: #1F2C5F; }
.intro-green  span { color:#4C4D4E; font-size: 14px;}


/*=ICONS
--------*/
.fa-volume-up {color:#000;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.icon-document-file-pdf {color:#6b0d00;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.icon-file-excel {color:#287b0b;text-shadow: 1px 1px 1px rgba(255,255,255, 0.5)} 

.fa-volume-up2 {color:#fff;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-pdf-o2 {color:#fff;text-shadow: 2px 2px 2px rgba(111,111,111, 0.5)}
.fa-file-excel-o2 {color:#fff;text-shadow: 1px 1px 1px rgba(255,255,255, 0.5)} 

/*=LIST GRID
------------*/
.grid {}
.grid2-a {float:left;width:48%;display:inline;margin-right:1%;}
.grid2-b {float:right;width:48%;display:inline;margin-left:1%;}
ul.grid-list {margin-bottom:0;}
ul.grid-list li {display:block;float:left;margin-bottom:1em;}
ul.grid-list li img {display:block;max-width:100%;height:auto !important}
ul.grid-list li a {display:block;}
ul.grid-list li .gutter {padding:1em}
ul.grid-three li {width:33.19057815845824%;margin-right:0.2141327623126338%;} /*310 divide 934 = 33.19057815845824%, 8 divide 946 = 0.2141327623126338%*/
ul.grid-three li .gutter {min-height:180px;}
ul.grid-three li.grid3, ul.grid-three li.grid6 {margin-right:0}
ul.grid-five li {width:19.48608137044968%;margin-right:0.6423982869379015%;} /*182 divide 934 = 19.48608137044968%, 6 divide 934 = 0.6423982869379015%*/
ul.grid-five li {background: url(../images/grid-border-hrz.png) bottom center repeat-x, url(../images/grid-border-vrt.png) top left repeat-y, url(../images/grid-border-vrt.png) top right repeat-y, url(../images/grid-border-hrz.png) top right repeat-x, url(../images/grid-border-hrz.png) bottom right repeat-x}
ul.grid-five li .gutter {min-height:159px;}
ul.grid-five li .gutter h4 {color:#00AC65;font-size:14px;font-weight: bold; margin-bottom:0}
ul.grid-five li .gutter p {font-size:14px;}

ul.grid-five li.grid5 {margin-right:0}


/*=ACCORDION
------------*/
.accordion {padding-bottom:1em;}
h4.expand {margin:0;}
h4.expand:before {content:'';display: block;clear:both;height:8px;}
h4.expand a {padding:.5em;border:1px solid #707070}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#202D60;text-decoration:none;background:#fff;}
.expand a:hover, .expand a:active, .expand a:focus {background:#E8F1FA}
.expand a.open:link, .expand a.open:visited {background:#E8F1FA;border:1px solid #707070;border-bottom: 2px solid #202D60}
.expand a:before {content:'\e93a';font-family:'icomoon';speak: none;padding-right:.5em}
.expand a.open:before {content:'\e93c';font-family:'icomoon';speak: none;padding-right:.5em}
.tab-content {border:1px solid #707070;margin-bottom:1em}
.tab-content .gutter {padding:1.375em}

/*=TABLES
---------*/
p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}


/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-10T{padding-top: 10px!important;}
	
.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}
	
.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}

.margin-30B{margin-bottom: 30px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}

.margin-5B{margin-bottom: 10px!important;}

.margin-5 {margin-top: 5px!important;}


/*=LINKS
--------*/
a {outline:none}
a:link {color:#1F2C5F; text-decoration: underline;}
a:visited {color:#1F2C5F;}
a:hover {color:#000;text-decoration:none; }



/*=FOOTER
---------*/
footer[role="contentinfo"] {position:relative;background:#202D60;width:100%;margin-top:1em;}
footer[role="contentinfo"] .pagination {min-height:60px;overflow:visible;}
.pagination {max-width:934px;margin:0 auto;position:relative}
.pagination p{margin-bottom:0;padding:22px 0}
.pagination p.lft i { padding-right:1em }
.pagination p.rgt i { padding-left:1em }
.pagination p i, .pagination p em {font-style:normal;text-transform:uppercase;font-weight: bold;font-size: 14px;}

.pagination p a {display:block;padding:0;border:none; text-decoration:none;}
.pagination p a:link, .pagination p a:visited {color:#fff;}
.pagination p a:hover i {color:#00AC65;}
#company-info {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#company-info p {padding:1em 0;color: #fff;font-size: 12px;text-align: center;line-height: 1}
#company-info p strong { font-weight:500; line-height:1.5 }


/*back to top arrow*/
#back-to-top {position:fixed;bottom:3em;right:10%;text-decoration:none;font-size:2em;width:44px;height:44px;display:block;text-align:center;vertical-align:middle;border-radius:999px;color:#fff;background-color:#202D60;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#back-to-top:after {content:'\e939';font-family:'icomoon';speak: none;}
#back-to-top:hover {background:#ccc;}



/* FINANCIAL TABLE STYLES*/

.fin-tbl tr:hover {background:#E5F3FA; color:#231F20;}
 tr.no-hover:hover {color:#203263!important;}
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl tr td {padding:3px 3px 3px 3px;}
.fin-tbl th {color:#202D60!important; padding:3px 3px 3px 3px;  font-weight:bold; line-height:1.4; background:#E9F2FB;} 


.fin-tbl-2 tr:hover {background:#E5F3FA; color:#231F20;}
 tr.no-hover:hover {color:#203263!important;}
.fin-tbl-2 {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl-2 tr td {padding:3px 3px 3px 3px;}
.fin-tbl-2 th {color:#202D60!important; padding:3px 3px 3px 3px;  font-weight:bold; line-height:1.4; } 

.fin-tbl-grey tr:hover {background:#E5F3FA; color:#231F20;}
 tr.no-hover:hover {color:#203263!important;}
.fin-tbl-grey {width:100%; margin:0 0 0 0; padding:0 0px;}
.fin-tbl-grey tr td {padding:3px 3px 3px 3px;}
.fin-tbl-grey th {color:#202D60!important; padding:3px 3px 3px 3px;  font-weight:bold; line-height:1.4; } 

.finthin {border-bottom:1px solid #202D60;}
.finthick {border-bottom:2px solid #202D60;}
.finright {border-right:1px solid #202D60;}
.finrightgrey {border-right:1px solid #9D9FA2;}
.finleft {border-left:1px solid #202D60;}
.findottedline {border-bottom:1px dotted #202D60;}


.fintop {border-top:1px solid #202D60;}
.fintopleft {border-top:1px solid #202D60;border-left:1px solid #202D60;}

.fintopright {border-top:1px solid #202D60; border-right:1px solid #202D60;}
.finbottomright {border-bottom:1px solid #202D60; border-right:1px solid #202D60;}
.finbottomleft {border-bottom:1px solid #202D60; border-left:1px solid #202D60;}
.finrow {border-top:1px solid #202D60; border-bottom:1px solid #202D60;}
.finrowright {border-top:1px solid #202D60; border-bottom:1px solid #202D60; border-right:1px solid #202D60;}
.finthinright {border-bottom:1px solid #202D60;border-right:1px solid #202D60;}
.finthickright {border-bottom:2px solid #202D60;border-right:1px solid #202D60;}
.finbotrighthin {border-bottom:1px solid #202D60; border-right:1px solid #202D60;}
.finbotrighthick {border-bottom:2px solid #202D60; border-right:1px solid #202D60;}
.caption {font-size: 12px !important;}
.finthinblue {border-bottom:1px solid #202D60;}
.finthickblue {border-bottom:2px solid #202D60;}
.finthickertop {border-top:6px solid #202D60;}

.border-top-heading-thicker{border-top:6px solid #202D60}


ul.black-list {list-style-image:none; margin-left: 1.1em; /*margin-top:-15px;*/ font-weight:normal !important;}
ul.black-list li:before {content:''; width:5px; height:5px; border-bottom:1px solid #000; border-right:1px solid #000; position:absolute; left:-15px; top:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.black-list li {position:relative;}

ul.performance-list {list-style-image:none; margin-left: 1.1em; font-weight:normal !important; display: block; width: 30%;}
ul.performance-list li {position:relative; color: #00AAE4; font-weight: bold;}
ul.performance-list li:before {content:''; width:5px; height:5px; border-bottom:1px solid #00AAE4; border-right:1px solid #00AAE4; position:absolute; left:-15px; top:7px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

ul.performance-list li a {color:#00AAE4!important; text-decoration: underline;}
ul.performance-list li:hover a {color:#004A80!important; text-decoration: none;}

ol.com { list-style-type:decimal; font-size:1em; color:#039DDC; margin-left:1.2em;}
ol.com li p{ color:#000;}
ol.com li ul.list li ul.dashed li {list-style-image: url(../images/dashed.jpg)}
ul.dashed li {list-style-image: url(../images/dashed.jpg); margin-left: 18px;}


ul.com-list {list-style: none;margin-left: 0; padding-left: 1em; text-align:justify}
ul.com-list li { text-align:justify}
ul.com-list  li:before {display: inline-block;content: "\2014";width: 1em;margin-left: -1em;}

ul.disc {list-style:disc;margin-left: 0; padding-left: 1em;} 

ul.list{ list-style-type:disc; margin-top:0; padding-left:20px; margin-bottom:1em; }
ul.list li{ line-height:1.5; font-size: 14px; text-align:justify;}

ol.number{ list-style-type:decimal; margin-top:0; padding-left:20px; margin-bottom:1em;}
ol.number li{ font-size: 14px; line-height:1.4;}


/*=RESPONSIVENESS
-----------------*/
@media screen and (max-width: 1660px) {
	#company-info {width:60%;}
	}

@media screen and (max-width: 1380px) {
#back-to-top {bottom:-2em}

}

@media screen and (max-width: 1100px) {



}

@media screen and (max-width: 1320px) {
/*.header-container {background:#fff; padding:10px;}*/
}


@media screen and (max-width: 1060px) {
#utility {float:left;width:100%;background:#202D60; border-bottom: 1px solid #fff;}
#toolbar {position:relative;top:0;right:0;border:none;float:right;width:195px;background-color:transparent}
#toolbar ul {float:right;background-color:transparent}
#toolbar ul li {float:left;text-align:center;}
#toolbar a {padding:.5em;}
#toolbar li a:link, #toolbar li a:visited {color:#fff;text-decoration:none;}
#toolbar li a:hover {color:#202D60;}
#toolbar li#switch-float {float:right}


@media screen and (max-width: 980px) {
.wrap {margin-top:0} 

.scrollable { overflow: auto; }

#company-info {width:100%;}
#company-info img.logo {float:none;display:block;}
#company-info p {text-align: center;}
.highlight .grid2-a, .highlight .grid2-b {float:none;width:100%;margin:0;display:block}

a.menu-link {display:block; text-decoration: none} /*Menu toggle button*/
#s1MainNav,#s2MainNav,#s3MainNav,#s4MainNav {position:relative; }
.mainClosed:after { content:'\e93a';font-family:'icomoon';speak: none; position: absolute; top: 0; right: 10px; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em;}
.mainOpen:after { content:'\e939';font-family:'icomoon';speak: none; position: absolute; top: 0; right: 10px; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em; }
.menu li #s1:target + div.menu-sub, .menu li #s2:target + div.menu-sub, .menu li #s3:target + div.menu-sub, .menu li #s4:target + div.menu-sub {display:block;padding-bottom:0em; }
.menu li #s1Alt:target + div.menu-sub, .menu li #s2Alt:target + div.menu-sub, .menu li #s3Alt:target + div.menu-sub, .menu li #s4Alt:target + div.menu-sub {display:none;}
.tab1, .tab2, .tab3, .tab4 {width:100%;}
.menu li.menu-tab a {padding:1em .5em; border-bottom: 1px solid #fff !important;    -webkit-transition-timing-function: ease-out;
    -webkit-transition: background-color 300ms,color 300ms,padding-left 300ms;
    transition-timing-function: ease-out;
    transition: background-color 300ms,color 300ms,padding-left 300ms;}
.menu li a i {position:relative;left:0;display:inline;font-style:normal;    }
.menu li.tab1 {margin-left:0;}
.menu a.home:after {content:' '} /*Don't show menu icons*/
.menu a.home {padding:1em .5em;font-size:14px;font-family: 'Roboto', sans-serif;}
.menu {min-width:inherit;float:none;clear:both;}
.menu, .menu > ul ul {overflow:hidden;max-height:0;}
.menu > ul > li {float:none;display:inline-block;}
.menu .menu-sub {position:relative;width:100%;margin-left:0;}
.menu .menu-sub-inner > div {width:auto;float:none; margin-top:0;}
.menu .menu-sub-inner > li {position:inherit;}
.menu.active {max-height:155em;}
.menu ul {display:inline;text-align:left;}
.menu ul > li:hover {background:transparent}
.menu ul li:hover div.menu-sub {display:none;}

.menu > ul, .menu .menu-sub-inner {width:100%; border-top: 1px solid #fff;padding-left:.5em; background:#E3EBF2;}
.menu > ul > li {display:block;float:none;border-bottom: 1px solid #fff;}
.menu > ul > li > a {display:block;text-align:left;color:#004A7F;padding:1em;margin-left:0}
.menu > ul > li > a:hover {color:#A81E2D;background:#E7DFD8;}
.menu ul {padding-left:.5em;}
	
a.menu-link i, a.menu-link b {color: #fff;font-size: 1.5em;}

.menu .menu-sub-inner { margin-top: 0;  }
.menu .menu-sub {padding:0; }
	
.menu .menu-sub-inner > div a, .menu .menu-sub-inner > div li a:link, .menu .menu-sub-inner > div li a:visited, body#five li.tab5 a {color:#004A7F;font-size:14px;}
	.menu a.category::after {color:#004A7F;right:20px}
}

@media screen and (max-width: 960px) {
#company-info {width:65%;padding-top:0em}
#company-info img.logo {float:none;display:block;margin:0 auto}
#company-info p {text-align: center;}
}


@media screen and (max-width: 955px) {
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}
}

@media screen and (max-width: 920px) {
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}
}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 769px) {
main#container #gutter-frame-home h3 {font-size: 20px;}

}
	
	
@media screen and (max-width: 720px) {	
body {background:none;}	
header[role="banner"] h2 {float:left;font-size:20px;margin-top:30px;margin-left:22px}
}	

@media screen and (max-width: 640px) {
header[role="banner"] h2 {font-size:18px;margin-top:26px}
header[role="banner"] h2 span {font-size:14px;}
	.pagination p b {display:none}
}

@media screen and (max-width: 600px) {
#breadcrumb {display:none;}
.tabs {display: none;}
.tab-drawer-heading {background:#edece8;color:#0067a6;border-top:1px solid #0067a6;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.d-active {background-color:#0067a4;color: #fff;}
.tab-drawer-heading:before {content:'\f0fe';font-family:'fontawesome';speak: none;padding-right:.25em}
.d-active:before {content:'\f146';font-family:'fontawesome';speak: none;padding-right:.25em}
br.rwd-line {display:block}
header[role="banner"] h2 {font-size:18px;margin-top:12px}
header[role="banner"] h1 {margin-left: 10px;}	
}



@media screen and (max-width: 480px) {
.pagination p em {display:none}
}

@media screen and (max-width: 460px)  {

}


@media screen and (max-width: 410px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}

}


@media screen and (max-width: 360px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}
header[role="banner"] h2 {font-size:14px}
header[role="banner"] h2 span {font-size:12px;}	
}


@media screen and (max-width: 321px) {
footer[role="contentinfo"] {/*padding-top:2em;*/ margin-top:2em}
}

