/*=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;}

@font-face {
    font-family: 'eurostileregular';
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype'),
         url('../fonts/eudiv.group .highlights-block .heading-wrapper {height: auto;}rosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;


}

@font-face {
    font-family: 'frutigerlight';
    src: url('../fonts/frutiger_45_light-webfont.eot');
    src: url('../fonts/frutiger_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger_45_light-webfont.woff2') format('woff2'),
         url('../fonts/frutiger_45_light-webfont.woff') format('woff'),
         url('../fonts/frutiger_45_light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger_45_light-webfont.svg#frutigerlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frutigerblack';
    src: url('../fonts/FrutigerLTStd-Black.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Black.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


/*=PAGE STRUCTURE
-----------------*/
body {font-family: 'frutigerlight',Arial, sans-serif;color:#4B4B4B;font-size:100%; background: url(../images/bg.png) no-repeat center center fixed;
    background-size: cover; position:relative; scroll-behavior: smooth; }

	
#wrap {margin:0em auto;max-width:1150px;position:relative;}
#logo-print {display:none}
header[role="banner"] {/*box-shadow: inset 0 0 0 1000px rgba(255, 251, 251, 0.6);*/float:left;width:100%; color: #2D4C91;}
#container {float:left;width:100%;overflow: hidden;}
main#container #gutter-frame-home {background:#fff;}
main#container #gutter-frame {background:#fff; padding: 15px 15px;}
#two main#container #gutter-frame {background:#fff;padding:1.25em;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
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}
.greyinner-block {background-color:#F6F6F6; margin:0 -15px; padding:15px 15px;}
.darkblueinner-block {background-color:#00497F;  color:#fff; color:#fff; padding:20px }
.darkblueinner-block  p { color:#fff;font-size: 17px !important;}
sub{font-size:45%}

.men-br{display:none}

/*=TYPOGRAPHY
-------------*/
h1,h2,h3,h4,h5,h6 { font-family: 'eurostileregular',Arial, Helvetica, sans-serif;font-weight:normal;}
main#container #gutter-frame-home h3 {font-size: 27px;color: #002F75;margin-bottom: 20px;font-weight: 500 !important;}
h3 {font-size:30px;color:#004A7F;margin-bottom:.5em; text-transform:uppercase}
h4 {font-size:17px;color:#002F75;font-weight:bold; margin:0em;font-family: 'frutigerblack','frutigerlight',Arial, sans-serif;}
h5 {font-size:0.975em;color:#263C87;margin-bottom:0em; font-family:'frutigerblack','frutigerlight',Arial, sans-serif;}
h6 {font-size:1.2em;font-weight:bold;color:#009DDD}
sup {vertical-align: super;font-size:65%}
b, strong {font-weight:bold; font-family:'frutigerblack','frutigerlight',Arial, sans-serif;}
i, em {font-style:italic;}
h1{font-size:38px; color:#002F75; line-height:1; }
h1 span{font-size:20px;display:block}
h2 {
    color: #0398DC;
    font-size: 16px;
    
      font-family: 'frutigerblack','frutigerlight',Arial, sans-serif;
}
@keyframes hBan{
	from{opacity:0}
	to{opacity:1}
}

.orangeheadingslrg {color:#EB6111 !important; font-size: 1.2em!important; font-weight:bold;}
.lightblueheadingslrg {color:#4B95D0 !important; font-size: 15px!important; font-weight:bold;}
.blueheadingslrg {color:#004C82 !important; font-size: 1.2em!important; font-weight:bold;}
.blueheadingslrg-sml {color:#004C82 !important; font-size:13px!important; font-weight:bold;}
.blueheadings {color:#2D4C91 !important; }
.headingsbig {font-size: 3.7em;color: #939598;}
.headingsmedium {font-size: 2.1em;color: #00467F;}
.font-itc {font-family: 'frutigerlight',Arial, sans-serif;}
.intro-text {font-size:1.3em !important;}

.sub-com { font-size:18px}


/*=NAVIGATION
------------*/
.blue-head{background-image:url("../images/banner.png")}
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;}
.menu-circle{width:16px; height:16px; border-radius:50%; border: 2px #002F75 solid; position:absolute; background:#fff; bottom: -11px;  right: 0%; z-index: 999999999999999; animation: menuCircSlide 1.6s forwards; transition:1s ease-in-out}
.menu-circle-scroll{opacity:0}
/* general ul style */
.menu {background: #F1F7FB; z-index: 9999; position: relative; max-width: 1240px; margin: 0 auto; border-radius: 0 25px 25px 0; border: solid #002F75; border-width: 2px 2px 0px 0px; transition:1s ease-in-out}
.menu-scroll{position: fixed; top: 0; left: 0%; width: 100%; max-width: 100%; border-radius:0; border-width:0px; box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42); -webkit-box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42); -moz-box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42);}
.menu-scroll .menu-sub{box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42); -webkit-box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42); -moz-box-shadow: 0px 11px 5px -9px rgba(0,0,0,0.42);}
.menu-scroll:after{display:none}
.menu:before{content:""; height:100%; background:inherit; border-top: solid #002F75 2px; position:absolute; left:-100%; top:-2px; width:100% }
.menu:after{content:""; height:100%; width:5%; position:absolute;  width:0%; bottom: -2px; right: 0; border: solid #002F75; border-width:0 0px 2px 0; border-radius: 25px 0; animation: menuSlide 1.6s forwards}

@keyframes menuSlide{from{width: 0%} to{width:13.5%}}
@keyframes menuCircSlide{from{right: 0%} to{right:13.5%}}

.menu li.menu-tab a {    padding: .9em 4.2em .9em 4.2em;}
.menu li:nth-child(4).menu-tab a {padding-bottom:.95em}

.menu > ul {margin: 0 auto; max-width: 77em; 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; margin: 0px;}


.menu > ul > li:after, .menu > ul:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.menu > ul > li:last-child {border-right: none;}



.menu > ul > li > a {padding: .9em 2.5em .9em 2.5em;font-size:15px;color:#002F75;line-height:1; position: relative;}
.menu ul li li {text-transform:none;font-weight:normal;text-align:left; position:relative;}

/*.menu ul li li:before{content:'';position:absolute;left: 2px;top: 15px;width:5px;height:5px;background: #fff;}*/



.menu ul li ul li:hover {border-bottom: none ;}

/*.menu ul > li:hover:before {position:absolute;content:'';width:100%;border-bottom:8px solid #FF8626;left:0;bottom:0}*/

.menu > ul > li > a:hover {color:#0398DC;font-weight:600}



.menu li a i {position:absolute;left:-9999px;} /*Move Home label*/
/*.menu a.home {padding-left:1.2em; padding-right:1.2em}*/
/*.menu a.home:after {content:'\e601';font-family:'icomoon';speak:none;font-size:1.4em; color: #FF8626;}*/ /*Home icon*/
.menu a.category:after {content:'\e93a';font-family:'icomoon';speak: none;color:#4B4B4B;padding:.5em}

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 {color:#0398DC; font-weight:600}




/*.menu li.menu-tab a:hover {color:#FF8626; background:#FFEDDE;}*/



/*.menu li.menu-tab a:hover:before {position:absolute;content:'';width:100px;border-bottom:8px solid #FF8626;left:0;bottom:0}*/

/* sub-menu */
.menu .menu-sub {display: none; position: absolute; left: 0px; background: #fff; width: 86%; margin-top: 0px; border-radius: 0 0 25px 25px;} 
/*.menu ul li:hover > .menu-sub {display:block;}*/
.menu .menu-sub-inner ul {margin:0 0 30px 0;padding: 0;}
.menu .menu-sub-inner > div {width:47%;float:left;text-align:left;padding-left:1.5%;padding-right:1.5%;margin-top:.5em;}
.menu .menu-sub-inner > div a {color:#464646;line-height:1.6; padding:.25em 0;background:transparent;padding-left:0 !important}
.menu .menu-sub-inner > div li a {/*border-bottom:1px solid #fff !important*/}
.menu .menu-sub-inner > div a:hover {color: #0398DC!important;font-weight: 600 !important;}
.menu .menu-sub-inner > div a:hover::before {content:'\e944';font-family: 'icomoon';position:absolute;left: -10px;top: 3px;font-size: 16px;}


.menu .menu-sub-inner li {position:relative;padding-left: 16px;margin-left:0;font-size:13px;background:transparent !important;}
.menu .menu-sub-inner a {border:none !important}

.menu ul li .menu-sub .menu-sub-inner ul li a {    padding: .3em 3.5em .3em 3.5em;font-weight:normal/* background:none; */}
.menu ul li li a {background:none !important;font-weight: 600;font-size: 14px;}



/*=HEADER CONTENT
-----------------*/
header[role="banner"]{background: rgb(56,67,131); background: linear-gradient(180deg, rgba(56,67,131,1) 0%, rgba(69,1,1,0) 100%);}
header[role="banner"] .content-block{max-width:1150px; padding:17px 0; margin:0 auto}
header[role="banner"] #logo-print {display:none}
header[role="banner"] h1 {position:relative;text-indent:-9999px;background:#fff url(../images/logo.png) left top no-repeat; background-position: 10% 40%; float:left;width:298px;height:120px;}

/*header[role="banner"] h1:after {position:absolute;content:'';right:8px;top:0;border-right:8px solid #002F75;height: 195px;}

header[role="banner"] h1:before {position:absolute;content:'';right:16px;bottom:-45px;border-right:8px solid #fff;height: 40px; z-index: 99999;}*/


header[role="banner"] h1 a {display:block;width:196px;height:133px;overflow:hidden;}
header[role="banner"] #headings h2 {padding:0em 1em .25em 0;font-size: 15px;padding-top:20px;color: #0398DC;margin-left: 0px;line-height: 1.4;margin-top: 15px; font-weight: 600;}

header[role="banner"] #headings h2 b{font-size: 24px;}


header[role="banner"] #headings h2 i { font-weight:100; font-style:normal}
header[role="banner"] #headings h3 {font-size:1em; color:#1B1B1B; text-align:right;  padding: 2em 1em .25em 0}

.head-cont .btn{ border:solid 1px #fff;}
.head-cont .btn:hover{background:#fff}



.btn{padding:16px 20px 16px 50px; position:relative; display:inline-block; border-radius: 25px; color:#02ADB8!important; border:solid 1px #002F75; font-weight:600; text-decoration:none; transition:0.6s ease-in-out; margin-bottom:20px}
.btn:before{content:"\e944"; font-family:icomoon; position:absolute; top:50%; left:15px; transform:translateY(-50%); font-size: 20px; transition:0.6s ease-in-out}
.btn:hover{background:#002F75}
.btn:hover:before{ left:20px;}

.home-banner .head-cont{padding-top:137px;  padding-bottom:103px}




.head-ban-cont{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;margin-bottom: 22px;}
.head-run{background-image:url(../images/running.png); background-position:left; background-repeat: no-repeat; width: 45%;}
.head-cont{ width: 27%; padding-top:93px; padding-bottom:90px; opacity:0; animation: hBan 1.6s forwards;}


.head-cont h4, .head-cont p, .head-cont h1{color:#fff}
.head-cont p{margin-bottom:68px}


.home-white{position: absolute; bottom: -1px; right: 0; max-width: 33%;}



.table1 {display:table; width:100%; line-height:1.4}
.table-cell1 {width:50%; float:left; display:table-cell}
.table-cell2 {width:50%; float:right; display:table-cell}

.findottedline {border-bottom:1px dotted #4A4A49;}
.scrollable {position: relative;clear: both;}

.exl-btn{border-color:#002F75!important; margin-bottom:20px}
.exl-btn:before{content:url("../images/excel.svg")}

.exl-btn:hover{background:#002F75!important; }


#selectable-content a{color: #0398DC;text-decoration: none;}


/*Toolbar styles*/
@keyframes toolSlide{ from{right:-3%} to{right:0%} }


.tool-wrapper {position: absolute; right: -3%; top: 285px; z-index: 1; animation:toolSlide 1.5s forwards; animation-delay:1.6s}
.tool-container {max-width: 120px; height: 45px; float: right; display: flex; background: rgb(56,67,131); background: linear-gradient(180deg, rgba(56,67,131,1) 0%, rgba(69,1,1,0) 100%);  text-decoration: none; border-radius: 50px 0 0 50px; overflow:hidden; transition: all 0.5s ease;; border: solid 1px #fff; border-right-width: 0px!important;}
.tool-container .icon-items{padding:0 15px; min-width: 40px; position: relative; cursor: pointer; transition: all 0.5s ease; font-size: 22px}
.search-box .input {position:relative;overflow:hidden; width: 0px; height: 100%; border: 0px; outline: none; transition: all 0.5s ease;}
.tool-container .icon-items:hover{ background: #e6e6e6;}
.tool-container .icon-items-1:hover { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.tool-container .icon-items img{  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #848484;}
.search-box .input.active { width: 190px; padding: 0; }
.tool-container.active {max-width: 442px;}
.input:before{content: ""; width: 0%; border-left: solid 1px #fff; position: absolute; left: 0%; top: 7%; height: 80%;}
.input:after{content: ""; width: 0%; border-left: solid 1px #fff; position: absolute; right: 0%; top: 7%; height: 80%;}
.input ul {list-style-type: none; height: 100%; padding:0; margin:0}
.input ul li{display: inline-block; float: left; vertical-align: middle; width: 25%; height: 100%; text-align: center}
.input ul li a{display: block; padding: 16% 0; font-size:22px; height: 100%; color:#fff; text-decoration: none; transition:0.6s ease-in-out}
.input ul li a:hover {transform:scale(1.2); text-decoration: none}
.icon-1 img{transition: 0.3s ease}
.active .icon-1 img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1:hover img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1 img{transition: 0.3s ease}






/*scroll to top*/


.scroll {
  position: fixed;
  bottom: 51px;
  right: 50px;
  z-index: 999;
}

.scroll > .scroll-btn {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  color:  #3D505A ;
  cursor: pointer;
}

.scroll > .scroll-btn span{
  display: block;
  position: relative;
  font-size: 25px;
top:50%;
	transform:translateY(-25%);
	color:#002F75;
}

.scroll > .scroll-btn .scroll-fill {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  fill: transparent;
  stroke:#002F75;
  stroke-width: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.scroll > .scroll-btn:hover span {
  -webkit-animation: bounce-arrow 1.5s infinite;
          animation: bounce-arrow 1.5s infinite;
	color:#002F75;
}

.scroll > .scroll-btn .winPro {
  fill: none;
  stroke: #002F75;
  stroke-width: 5px;
  stroke-dasharray: 0 999;
}

.point {
  position: fixed;
  right: 45px;
  bottom: 40px;
  z-index: 99;
}

.point .round {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  /* SVG */
  fill: #F1F7FB;
  stroke:#002F75;
  stroke-width: 5;
  stroke-dasharray: 0 999;
}

.left-ani {
  -webkit-transform: translateX(130px);
          transform: translateX(130px);
  -webkit-transition: .25s;
  transition: .25s;
}

@-webkit-keyframes bounce-arrow {
  0% {
	
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    opacity: 0.5;
  }
  50% {
	  
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 1;
  }
  100% {
	
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    opacity: 0.5;
  }
}

@keyframes bounce-arrow {
  0% {
	
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    opacity: 0.5;
  }
  50% {
	  
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 1;
  }
  100% {
	
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    opacity: 0.5;
  }
}



/*=HOMEPAGE
-----------*/
/*	#selectable-content .content-block{min-height: 660px;}*/
	.head-cont p{line-height:1.3}
	.home-blocks{margin:0; padding:0; margin: 56px 0 46px 0 !important;}
	.home-blocks li{list-style-type:none; width: 45%; margin-right:10%; float:left; box-sizing: border-box;}
	.home-blocks li:last-child{margin-right:0;}
	.home-blocks:after{content:""; display: block; clear:both}
	
	.highlight-block{background:#F1F7FB; border-radius: 0 60px 60px 0; min-height:118px; width:100%; margin-bottom:30px; position:relative; border: solid #223F98; border-width: 1px 1px 0 0; align-self:center; box-sizing:border-box;}
	.highlight-block p{color:#002F75!important; font-size:18px!important; line-height:1.3!important; width: calc(100% - 30px); margin: 0!important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
	.highlight-block p span{color: #02ADB8; font-size: 22px; /*font-weight:600;*/    font-family: 'frutigerblack','frutigerlight',Arial, sans-serif;}
	.highlight-block:after{content: ""; height: 100%; width: 50%;  position: absolute;  bottom: -1px; right: 0;  border: solid #002F75; border-width: 0 0px 1px 0; border-radius: 60px 0; }
	.highlight-block:before{content: ""; height: 9px; width: 9px; background:#fff;  position: absolute;  bottom: -6px; right: 50%;  border: solid #002F75 1px; border-radius: 50%; }
	
	


.home-down-block{width:100%; margin:47px 0; display:flex}
		.home-down-block div{box-sizing:border-box; padding:47px}
		.home-down-block div:first-child{background:#002F75; width: 60%}
		.home-down-block div:last-child{background:#fff; width: 40%; border: solid 1px #002F75; border-left-width:0px}
		.home-down-block div h1{color:#fff; margin-bottom:27px}
		.arrow-link{color:#02ADB8; font-weight:600; position:relative; padding: 10px 0 10px 36px; margin-bottom:10px; display:block; text-decoration: none}
		.arrow-link:before{ content: "\e944"; font-family: icomoon; position: absolute; left:0; top:50%; transform:translateY(-50%); transition:0.6s ease-in-out}
		.arrow-link:hover:before{left:2%}
		
		
		
		
		.quick-link-cont div{padding: 0!important; }
		.quick-link-cont{display:flex; margin-bottom:16px; border-width:0px!important; padding: 0!important; background:transparent!important; width:100%!important;}
		.quick-link-cont div:first-child{width:66px; height:66px;margin-right:14px; border-radius:50%; border:solid 1px #002F75; background: #F1F7FB; position: relative; transition:0.6s ease-in-out}
		.quick-link-cont div:first-child img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
		
		.quick-link-cont div:last-child{position:relative; background: transparent; width: calc(100% - 80px); border-width: 0px;}
		.quick-link-cont div:last-child span{font-weight:bold; color: #0398DC; font-size: 17px; position: absolute; left:0; top:50%; transform:translateY(-50%)}
		a:hover .quick-link-cont div:first-child{background: #002F75}
		
		
		
.highlight-block-small-text {
    color: #002F75!important;
    font-size: 15px!important;
    line-height: 1.3!important;
	font-family: 'frutigerlight',Arial, sans-serif!important;
}


/*=COMMENTARY
---------------*/
.results-highlightbox {float:left; width:30%;}
.results-innerbox {border: 2px solid #0B4774; margin-right: 25px; padding: 10px 10px 0px 10px; line-height: .5em; margin-bottom:10px;}
.results-blackheader {color:#000; font-weight:bold;}
.results-blueheader {font-size:24px!important; color:#0B4774; font-weight:bold;}
.results-blueheader-small {color:#0B4774; font-size:16px!important; font-weight:normal;}

/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:15px; margin-bottom:1em; line-height:1.6;font-family: 'frutigerlight',Arial, sans-serif;}
main[role="main"] p.space {margin-bottom:0em;line-height:2.2}
main[role="main"] table {font-size:15px;margin-bottom:1em;line-height:1.4}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:15px;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}

ul.list li,ol.list li {padding-bottom:.5em;line-height:1.6em}
ul.list ul {margin-left:1.5em;list-style:circle}
ol.list {list-style:decimal;margin-left:2.5em}

.menu-tool{display:none; width:98%; top:0!important}
.menu-tool li{width:24%; border-right:1px solid #000;float:left!important;}
.menu-tool li:last-child{border-right-width:0px }
.menu-tool li a{text-align:center!important; font-size: 18px!important;}
.menu-tool:after{visibility: hidden; display: block; content: ""; clear: both; height: 0;}

ul.list-icons li {line-height:1.6; margin-left:.75em;}
ul.list-icons i {font-size: 120%; padding-right: 0.6em; margin-left: -.5em;line-height: 1.4;}
.block-heading {borol.list { counter-reset: item; }
ol.list li { display: block; }
ol.list li:before {content:". "; counter-increment: item;color: #00AADE; position: absolute;left: 40px; font-weight:bold;font-size:2em}der-bottom:1px solid #ccc; padding-bottom:.25em;}
.highlights {font-size:15px;}
.largeblue { font-size: 3em} 

ul.list {list-style-image:none; margin-left: 1.1em; font-weight:normal !important;}
ul.list li:before {content:''; width:5px; height:5px;  position:absolute; left:-15px; top:10px;width:5px; height:5px; border-radius:50%;background:#464646}
ul.list li {position:relative;}

ul.fin-list {list-style-image:none; margin: 0; font-weight:normal !important;}
ul.fin-list li {position:relative;left:30px;color:#002F75; font-size: 17px;font-weight:500}
ul.fin-list li:before {content:'\e944'; font-family: 'icomoon'; position:absolute; left: -30px;top: -1px;color: #002F75;font-size: 18px;}


ul.list ul.dotted-list li {list-style-type:disc; margin-left: 1.1em;  font-weight:normal !important; position:relative; margin-left:0px;line-height:1.6}
ul.list ul.dotted-list li:before {content:'';border:none; left:0px; top:0px;}



ul.about-list {list-style-image:none; margin-left: 1.1em; font-weight:normal !important;}
ul.about-list li {position:relative; color: #fff; border-bottom: 1px solid #00AAE4;}
ul.about-list li:before {content:''; width:5px; height:5px; border-bottom:1px solid #fff; border-right:1px solid #fff; position:absolute; left:-15px; top:7px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

ul.about-list li a {color:#fff!important; text-decoration: none;}
ul.about-list li:hover a {color:#00AAE4!important; text-decoration: none;}

ul.about-list-grey {list-style-image:none; margin-left: 1.1em; /*margin-top:-15px;*/ font-weight:normal !important;}
ul.about-list-grey li:before {content:''; width:5px; height:5px; border-bottom:1px solid #231F20; border-right:1px solid #231F20; position:absolute; left:-15px; top:7px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.about-list-grey li {position:relative;}

ul.about-list-white {list-style-image:none; margin-left: 1.6em; /*margin-top:-15px;*/ font-weight:normal !important; color:#fff;}
ul.about-list-white li:before {content:''; width:10px; height:10px; border-bottom:2px solid #fff; border-right:2px solid #fff; position:absolute; left:-24px; top:9px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.about-list-white li {position:relative; font-size:22px;}

ul.light-list {list-style-image:none; margin-left: 1.1em; /*margin-top:-15px;*/ font-weight:normal !important;}
ul.light-list li:before {content:''; width:5px; height:5px; border-bottom:1px solid #0BADDF; border-right:1px solid #0BADDF; position:absolute; left:-15px; top:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.light-list li {position:relative;}

body#home ul.highlights li.block1:hover ul li:before {border-bottom:1px solid #fff; border-right:1px solid #fff;}

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)}

.about-list-grey li ul.dashed li:before{border:0}
.about-list-grey li ul.dashed{margin-left:15px}

ol.com li ul.list {/*margin-top:1em;*/ color:#000; font-weight:normal;}
.switch-blue {color:#263C87 !important;}
.switch-lblue{color:#0398DC!important}


.switch-darkgrey{ color:#4B4B4D!important;}


/*=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-two li {width:49.1578947%;margin-left:1.6842105%} /*467 divide 950 = 49.1578947%, 16 divide 950 = 1.6842105%*/
ul.grid-two li.grid1, ul.grid-two li.grid3, ul.grid-two li.grid5, ul.grid-two li.grid7 {margin-left:0 !important}

ul.grid-three li {width:100%;margin-right:0%;} /*304 divide 940 = 32.3404255%, 14 divide 940 = 1.4893617%*/
ul.grid-three li.grid3, ul.grid-three li.grid6 {margin-right:0 !important}
ul.grid-three li p {color: #004A7F; margin-bottom: 0; padding: 5px 0px 5px 13px; background-color: #fff; text-align: center;}
ul.grid-three li span {font-size: 18px;}
ul.grid-three li i {font-size: 30px; color: #004A7F;}
ul.grid-three li.grid3 {margin-bottom: 0px;}

ul.grid-four li {width:23.9872068%;margin-right:1.3496802%;background:#ccc} /*225 divide 938 = 23.9872068%, 12.66 divide 938 = 1.3496802%*/
ul.grid-four li.grid-4, ul.grid-four li.grid-8 {margin-right:0 !important}

/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand a {padding:.5em; margin-bottom:.5em}
.expand a {display:block;}
.expand a:link, .expand a:visited {color:#002F75;text-decoration:none;background:#F4F9FD;}
.expand a:hover{background:#002F75;color:#fff;}
.expand a:active, .expand a:focus {background:#002F75;color:#fff;}
.expand a.open:link, .expand a.open:visited {background: #002F75; color: #fff;border: 1px solid #002F75;}
.expand a:before {content:'+';speak: none;padding-right:.5em;}
.expand a.open:before {content: "\e937";font-family: 'icomoon';speak: none;padding-right:.5em;font-size: 16px;}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

/*=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
--------*/


/* highlight */
.container {max-width: 960px; margin: 0 auto;}
.photos {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-content: stretch;padding: 0;max-width: 980px;}
.photos img {display: block;float: left;flex: 0 0 auto;background-color: #fff;}
.photos img {/*width: calc(100%/4);*/height: calc(100%/4); margin-right:1.8em;}
.photo {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-content: stretch;padding: 0;max-width: 980px;}
.photo img {display: block;float: left;flex: 0 0 auto;background-color: #fff;}
.photo img {/*width: calc(100%/2);*/height: calc(100%/2); margin: 0 auto;}
/*=FOOTER
---------*/

footer[role="contentinfo"] {position:relative;background-image: url("../images/footer.png");width:100%;margin-top: 7px; margin: 0 auto; }
#company-info {margin:0 auto; width: 30%; padding: 10px 0; text-align: center;}
#company-info img.logo {display:block;float:none;margin-right:2em;}
#company-info p {padding:.5em 0;color:#0398DC;font-size: 15px;margin-bottom: 0;margin-top: 0em; line-height: 1.2; font-weight: 600;}



/*pagination*/
.pagination {position: absolute;top:10px;left:0;right:0;max-width: 1150px;margin:auto;}
.pagination p a {display:block;padding:0 .5em;border:none;}
.pagination p a:link, .pagination p a:visited {color:#004A7F;}
.pagination p a:hover {font-size:.875em}


a#go-lft, a#go-rgt{width: 50px; height: 50px; transition: all 0.5s ease-in-out; border-radius:50%;	border:1px solid #fff; padding: 0; position:relative}
a#go-lft{left:0px}
a#go-lft:hover{left:-10px}

a#go-rgt{right:0px}
a#go-rgt:hover{right:-10px}

a#go-lft:before, a#go-rgt:before{color:#0398DC; font-size:23px; font-family:icomoon; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
a#go-lft:before{content: "\e943";}
a#go-rgt:before{content: "\e944";}

.pagination .lft i {position:absolute;left:60px;top:20px;display:block;font-style: normal;text-transform: uppercase;color: #002F75; font-weight: 600;}
.pagination .rgt i {position:absolute;right:60px;top:20px;display:block;font-style: normal;text-transform: uppercase;color: #002F75; font-weight: 600;}
.men-br-2{display:none}


/*back to top arrow*/
#back-to-top {position:fixed;bottom:2em;right:10%;text-decoration:none;font-size:2.4em;}
#back-to-top:after {content:''; background-image: url(../images/back-to-top-blue.png); width: 55px; height: 55px; background-repeat: no-repeat; position: absolute; top: 12px; right: 0px;}
#back-to-top:hover:after {content:''; background-image: url(../images/back-to-top.png); width: 55px; height: 55px; background-repeat: no-repeat; position: absolute; top: 12px; right: 0px;}



/*=RESPONSIVENESS

-----------------*/
@media screen and (max-width: 1682px) {
.head-run{background-size:cover}
	}

@media screen and (max-width: 1380px) {
#back-to-top {bottom:-2em}
}

@media screen and (max-width: 1320px) {

.head-run {
    
    margin-right: 20px;
}

}

@media screen and (max-width:1232px){
.menu li.menu-tab a { padding: .9em 3.4em .9em 3.4em; }
}

@media screen and (max-width: 1112px) {

.menu > ul > li > a {padding: .9em 1.5em .9em 1.5em;}

.menu li.menu-tab a {padding: .9em 2em .9em 2em;}

.menu > ul:before {display:none}


}

@media screen and (max-width: 1060px) {
#utility {float:none;width:100%;background: #002F75;border-bottom: 1px solid #fff;}
#toolbar {position:relative;top:0;right:0;border:none;float:right;width:195px;background-color: #002F75;}
#toolbar ul {float:right;background-color: #002F75;}
#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:#004A80;}

.photos img {/*width: calc(100%/4);*/height: calc(100%/4);}
.photo img {/*width: calc(100%/2);*/height: calc(100%/2);}
#breadcrumb div{width:100%;}
header[role="banner"] h1:before {display:none}
header[role="banner"] #headings h2 {font-size: 15px;}

}



@media screen and (max-width: 991px) {
.pagination, .content-block{padding:0 20px}
}

@media screen and (max-width: 980px) {
#wrap {margin-top:0} 
}

@media screen and (max-width: 960px) {

	#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:777px){
			
			.home-down-block{display:block}
			.home-mob-block{width:100%!important}
			.home-down-block .home-mob-block:last-child{border-left-width:1px}
		}

@media screen and (max-width:914px){

.menu li.menu-tab a{ padding: .9em 1em .9em 1em; }
}

@media screen and (max-width: 800px) {
	.menu-scroll{position: relative; top: 0; left: 0%; width: 100%; max-width: 100%; border-radius:0; border-width:0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
	.menu-scroll .menu-sub{box-shadow: none; -webkit-box-shadow:  none; -moz-box-shadow: none;}
	
.men-br{display:block}
	.scrollable { overflow: auto; }
.head-run {display:none}
.head-cont {width: 100%; padding: 20px 20px 60px 20px!important;}

#company-info {width:100%;padding-top: 10px;}
#company-info img.logo {float:none;display:none;}
#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:1em; }
.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, .tab5, .tab6 {width:100%;}
.menu li.menu-tab a {padding:1em .5em 1em 2.5em}
.menu li a i {position:relative;left:0;display:inline;font-style:normal;}
.menu a.home:after {content:' '} /*Don't show menu icons*/
.menu a.home {padding-left:2.5em}
.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;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;background:#fff; border-radius:0}
.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%;  padding-left:.5em}
.menu > ul > li {display:block;float:none;border-bottom: 1px solid #000;}
.menu > ul > li > a {display:block;text-align:left;color:#000;padding:1em;margin-left:0}
.menu > ul > li > a:hover {color:#464646;background:#fff;border-top: 1px solid #C6C7DF; border-bottom: 1px solid #C6C7DF;}
.menu ul {padding-left:.5em;}
	
.financial-block {display: block; padding: 0px; margin-bottom: 15px; width: 100%;}	
.financial-block-one {display: block;  background-color: #004A80; color:#fff; padding: 15px;  width:auto; vertical-align: top; position: relative; margin-bottom: 15px;}
.financial-block-two {display: block; background-color: #00AAE4; color:#fff; padding: 15px; width:auto; vertical-align: top; position: relative}	
.financial-block-space {display: none; width:100%;}	
.tool-wrapper{display:none}
.menu-circle, .menu:after{display:none}
.menu-tool{display:block!important}
.pagination .lft i, .pagination .rgt i {display:none}

.menu > ul > li { margin: 0; }

.menu li:nth-child(4).menu-tab a { padding: 1em .5em 1em 2.5em;}
.menu > ul > li:first-child {border-bottom:1px solid #000}
.menu a.category:after {color: #000;}

header[role="banner"] h1:after {height: 190px;}

.menu > ul {left: 0px;}


.menu > ul > li > a:hover:before {width: 15px;}

.menu > ul { top: 0px;}

}



@media screen and (max-width: 846px){
	
	.home-blocks li{width:49%; margin-right:1%}
	.home-blocks li:nth-child(2){ margin-right:0%; margin-left:1%}

	}
	
	
		@media screen and (max-width: 560px){
	
	.home-blocks li{width:100%!important; margin:0%!important}

	}

@media screen and (max-width: 769px) {
.glance-height{ min-height:auto;}
.photos img {/*width: calc(100%/3);*/height: calc(100%/3);}
.photo img {/*width: calc(100%/2);*/height: calc(100%/2);}
main#container #gutter-frame-home h3 {font-size: 20px;}
	
	
header[role="banner"] h1 {text-indent:-9999px;background:#fff url(../images/logo.png) left top no-repeat;background-position: 50% 40%;}	
header[role="banner"] #headings h2 {padding:0em 1em .25em 0; font-size:15px; padding-top:5px; margin-left:0px; margin-top: 0px; line-height: 1.4; width: 100%; margin-bottom: 15px;}



.menu ul > li:hover { border-bottom: none;}

}
	
	
@media screen and (max-width: 700px) {	
header[role="banner"] .content-block{text-align:center}
header[role="banner"] #headings h2 {padding:0em 1em .25em 0; font-size:18px;text-align:center; padding-top:5px; margin-left:0px; margin-top: 0px; line-height: 1.4; width: 100%; margin-bottom: 15px; margin-top:15px}
.top-head-image {display:none;}	
#headings {width: 100%}	
}	


@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}
.headingsbig {font-size: 2.7em;color: #939598;}
#buttons-block ul.grid-three li.grid {float:none;width:auto;margin-right:0}
#buttons-block ul.grid-three li .gutter {min-height:inherit;}
#buttons-block ul.grid-list, #buttons-block ul.grid-list li {margin-bottom:.5em}
#company-info {padding:10px 0 20px 0}
#company-info p {font-size:12px}

header[role="banner"] #headings h2 { width: 95%; margin: 0 auto; padding: 0;}


header[role="banner"] {background-size: cover;}


.lft {margin-top: 0;}

header[role="banner"] #headings h2 {font-size: 14px;margin-bottom: 15px!important; margin-top:15px!important}
header[role="banner"] #headings h2 b {font-size: 20px;}


}



@media screen and (max-width: 480px) {
ul.salient li {float:none;width:auto;min-height:inherit;}
header[role="banner"] h1 {float:none;margin:0 auto; margin-top: 15px;}
body#home ul.salient li {float:none;width:auto;min-height:inherit;}
header[role="banner"] h3 {display:none}
#company-info {padding-top: 20px;}





}


@media screen and (max-width: 475px){
.menu > ul { top: 0px!important; }

}

@media screen and (max-width: 460px)  {
.photos img {height: 100%; text-align:center; margin:0 auto;}
.photo img {width: 100%;height: 100%;}
}


@media screen and (max-width: 410px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}
header[role="banner"] #headings h3 {font-size:1em; color:#1B1B1B; text-align:center;}
.headingsbig {font-size: 2em;color: #939598;}


#company-info p {font-size:10px}
footer[role="contentinfo"] {  padding-top: 0em;}
#company-info {width: 70%;}

}


@media screen and (max-width: 360px) {
#toolbar {width:230px;}
#toolbar a {padding:.5em .3em;}
a.menu-link b {display:none;}

#company-info p {font-size: 10px;}

}


@media screen and (max-width: 321px) {
.photos img {height: 100%; text-align:center; margin:0 auto;}
footer[role="contentinfo"] { margin-top:2em}
}