.pshomeitem {background: url('../images/blue_arrow.png') right  center no-repeat #ffffff;text-align: left}
.pshomeitem a{display: block;padding:25px 0 25px 90px;color:#ed2729}
.pshomeitem:hover a {color: #ffffff}
.pshomeitem:hover {
	background-repeat: no-repeat;
	background-position: right center no-repeat #ed2729;
	background-image: url('../images/red_arrow.png');
	background-color: #20426E;
}

.hpwhiteboxes li div {border:#cccccc 1px solid;background:#ffffff;text-align: center}
.hpwhiteboxes a {color:#4d4d4d;display: block;padding:2.5rem 0;}
.hpwhiteboxes li div:hover a {color:#ffffff;}
.hpwhiteboxes li div:hover{background:#ed2729}
.hpgrow-wrap {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/hpgrow1.jpg);
	background-color: #1F416D;
	background-size: cover;
	padding-top: 60px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 60px;
	color: #FFFFFF;
}
.hpgrow-inside {max-width: 1200px;margin:0 auto}
.hpgrow li{height:250px;text-align: center}
.hpgrow .text {
	padding-top: 2rem;
	color: #FFFFFF;
}
.hpgrow a {color:#ffffff}

.growicon {
  background-color:#05193d;
  background-repeat:no-repeat;
  background-size:cover;
  height:130px; width:130px;border-radius:130px;
  transition:all 0.3s ease;
  margin:0 auto;
  positon:relative;
  top:0
}
.growicon .growimage {
  transition:all 0.3s ease;
  height:100px;width:100px;
  margin:0 auto;
  top:15px;
  position:relative;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
} 
.hpgrow li:hover .growimage {top:25px}
.hpgrow li:hover .growicon
{
        box-shadow: inset 0 0 0 10px #05193d;
        background:#ffffff;
        cursor:pointer;
        height:150px;width:150px;
        margin-top:-10px;
	   margin-bottom:-10px;
}






@media only screen {
	#return-to-top { display: none; }
}

@media only screen and (min-width:1024px){
	#return-to-top { display: block; }
}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99999999999
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
	left: 10px;
    top: 10px;
    font-size: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}





.right-grey-box {background:#fafafa;padding:2rem}

.white-list li {display:table}
.white-list li a {display:table-cell;background: #ffffff;padding:1.5rem;color:#1c3b73;width:100%;vertical-align: middle;line-height: 30px;}
.white-list li a:hover {background:#ed2729;color:#ffffff}

ul.red-arrow-list {margin:0;padding:0px}
ul.red-arrow-list li {list-style: none;padding:0;margin:0 0 20px 0;}
ul.red-arrow-list li a {background: url(../images/red-arrow-list.png) top 8px right no-repeat;padding-right:35px;}


._pagination {padding:50px 0 30px 0;margin:0;text-align: center;}
._pagination li {list-style: none;display:inline-block;margin-right:3px;}
._pagination li a {display:block;color:#1c3b73;width:35px;line-height: 35px;}
._pagination li a:hover ,._pagination .active {background: #f1f1f1}




.news-box {
	padding-top: 1rem;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-bottom: 1rem;
	margin: 0 20px
}
.news-black {border-top:solid 5px #000000}
.news-blue {border-top:solid 5px #1c3b73}
.news-red {border-top:solid 5px #ed2729}
.news-image {background: #f2f2f2;padding:2rem 0;text-align: center;margin:0 20px}
.news-date {font-weight: bold;}
.news-title {padding:1rem 0}

.read-more-box {
  max-height: 7.1em; /* 約6行文字 */
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.read-more-box.open {
  max-height: none;
}

.read-toggle {
  color: #0056b3;
  cursor: pointer;
  font-size: 14px;
  text-align: right;
  margin-top: 5px;
  text-decoration: underline;
}

.red-arrow-button {font-weight: bold}
.red-arrow-button i {font-size:20px;display: inline-block;top:6px ;position: relative;margin-top:20px;}



.mobile-menu {display:none;position: fixed;top:0;left:0;width:100%;bottom:0;z-index: 99999999999999;background: rgba(28,59,115,.99);overflow: scroll}
.mobile-menu .close {cursor: pointer;right:20px;margin:20px 0 0 0;color:#ffffff;position: absolute}
.mobile-menu .close i {font-size:40px;}
.mobile-menu .inside {max-width:500px;margin:0 auto;padding:50px 0 0 0;text-align: center}
.mobile-menu .logo img {width: 200px;margin-left:10px}
.mobile-menu .logo {padding-bottom:50px}

.mobile-menu ul {padding:0;margin:0}
.mobile-menu ul li {list-style: none;margin:0;padding: 0 0 15px 0; font-size: 18px;}
.mobile-menu ul li a {color:#ffffff;}
.mobile-menu .mobile-red {padding-top:20px}
.mobile-menu .mobile-red a{color:#ed2729;}
.mobile-menu .mobile-red i {font-size:30px;display: inline-block;top:6px ;position: relative}




.moving-header {position:fixed;width:100%;height:75px;background: #f2f2f2;z-index: 9999;display: none}
.moving-header .logo {width:150px;margin:25px 0 0 20px}
.moving-header .left-side {float: left}
.moving-header .right-side {float: right;font-size:17px;line-height: 70px;}
.moving-header .black-link,.moving-header .red-link,.moving-header .menu-link {display:inline-block;line-height: 75px}
.moving-header .black-link,.moving-header .red-link {font-weight: bold}
.moving-header .menu-link {float:right;margin:14px 20px 0 0}
.moving-header .menu-link i {color:#1c3b73;font-size:40px;}
.moving-header .black-link a {color:#3b3b3b}
.moving-header .red-link a{color:#ed2729}
.moving-header .red-link {padding: 0 20px}
.moving-header .red-link i {display: inline-block;top:6px ;position: relative}

/*.full-width-blue-red-background{background:url(../images/logo-icon-white.png) center center no-repeat}*/
.full-width-blue-red-background .row {max-width: 1400px}
.full-width-blue-red-background .columns {padding:5rem 0;text-align: center;color:#ffffff}
.full-width-blue-red-background .t {
	font-size: 3rem;
	padding-bottom: 2rem
}
.full-width-blue-red-background .b {
	max-width: 350px;
	margin: 0 auto;
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 100
}
@media only screen{
	.full-width-blue-red-background-wrapper {
		background: rgba(3,80,135,1);
		background: -moz-linear-gradient(top, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,80,135,1)), color-stop(50%, rgba(3,80,135,1)), color-stop(50%, rgba(32,110,94,1)), color-stop(100%, rgba(32,110,94,1)));
		background: -webkit-linear-gradient(top, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -o-linear-gradient(top, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -ms-linear-gradient(top, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: linear-gradient(to bottom, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C3A73', endColorstr='#ED272A', GradientType=0 );
	}
}

@media only screen and (min-width:1024px){
	.full-width-blue-red-background-wrapper {
		background: rgba(3,80,135,1);
		background: -moz-linear-gradient(left, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,80,135,1)), color-stop(50%, rgba(3,80,135,1)), color-stop(50%, rgba(32,110,94,1)), color-stop(100%, rgba(32,110,94,1)));
		background: -webkit-linear-gradient(left, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -o-linear-gradient(left, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: -ms-linear-gradient(left, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		background: linear-gradient(to right, rgba(3,80,135,1) 0%, rgba(3,80,135,1) 50%, rgba(32,110,94,1) 50%, rgba(32,110,94,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C3A73', endColorstr='#ed272a', GradientType=1 );	
	}
}




.white-boxes li div {
	border: #e2e2e2 solid 1px;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-bottom: 0.5rem;
	margin-top: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.double-columns{display:table;margin:0 auto}
.page-width {max-width: 1024px}

@media only screen{
	.double-columns li{display:inline;width:auto;padding:0}
}

@media only screen and (min-width:1024px){
	.double-columns li{display:table-cell;width:50%;}
	.double-columns li:first-child{padding:0 3rem 0 0}
	.double-columns li:last-child{padding:0 0 0 3rem}
}





.product-small {border:#ebebeb solid 1px;padding:1rem;font-size: 1rem;margin-bottom:2rem}
.product-sensor {
	background: #e2e2e2;
	padding-right: 0;
	padding-left: 1rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	color: #195097;
	font-size: x-large;
	font-family: Consolas, "cwTeXHei", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight: 400;
}

.product_list {
	width: 100%;
	border: #ebebeb solid 1px;
	margin-top: 1px;
	text-align: center;
}
.product_list th {
	background: #ebebeb;
	color: #333333;
	padding-top: 1rem;
	padding-right: 0;
	padding-left: 0rem;
	padding-bottom: 1rem;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}
.product_list thead th:nth-child(1) {padding-left:2rem}

.product_list td {vertical-align: top; border-bottom:#ebebeb solid 1px;padding:1rem 0 1rem 1rem;}
.product_list tr td:nth-child(1) {padding-left:2rem}
.product_list td {
	font-size: 15px;
	line-height: 16px
}
.product_list td b {font-size: 15px;line-height: 18px}

.product_list.centertext thead th,.product_list.centertext tr td{
	text-align: center;
	padding: 1rem 1rem;
	font-size: 16px;
}


/* =======================================

GLOBAL STYLES

=================================== */
.font-55 {font-size:55px;line-height: 65px;}
.font-35 {
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 20px;
}
.font-30 {font-size:30px;line-height: 40px;}
.font-25 {font-size:25px;line-height: 35px}
.font-20 {font-size:20px;line-height: 30px}

.til-200 {font-family: 'cwTeXHei', sans-serif;font-weight: 200;}
.til-300 {font-family: 'cwTeXHei', sans-serif;font-weight: 300;}
.til-400 {font-family: 'cwTeXHei', sans-serif;font-weight: 400;}
.til-600 {font-family: 'cwTeXHei', sans-serif;font-weight: 600;}
.til-700 {font-family: 'cwTeXHei', sans-serif;font-weight: 700;}


.page_header {
	font-size: 30px;
	line-height: 40px;
	font-weight: 200;
	padding-bottom: 20px;
	padding-top: 10px;
}
.page_title {
	font-size: 24px;
	line-height: 40px;
	font-family: "cwTeXHei", sans-serif;	
	font-weight: 300;
	margin-bottom: 25px
}


.page_title_item {
	font-size: 20px;
	font-family: "cwTeXHei", sans-serif;	
	margin-bottom: 0px
}


@media only screen and (max-width:640px){
      .page_title {font-size:18px;line-height:25px;font-weight: 300;margin-bottom:25px}
}

@media only screen and (min-width:641px) and (max-width:1025px){
      .page_title {font-size:18px;line-height:25px;font-weight: 300;margin-bottom:25px}
}



a.large_button {display: block;padding: 12px 0;border:none;outline:none;}
a.large_button .icon {padding-left:10px}
.large_hoverCard {text-align: center;padding:100px 50px;transition: all 300ms ease;}
.large_hoverCard ._title {font-size:30px;line-height: 40px;color:white;padding-bottom:15px}
.large_hoverCard ._content {font-size: 20px;line-height: 30px;color:white;opacity: 0;transition: all 300ms ease;}
.large_hoverCard ._contentTouch {font-size: 20px;line-height: 30px;color:white;transition: all 300ms ease;}

.large_hoverCard:hover {background: #1c3b73 !important}
.large_hoverCard:hover ._content {opacity: 1;}

@media only screen and (max-width:1024px){
      .large_hoverCard {text-align: center;padding:50px 25px;transition: all 300ms ease;}
}


.large_hoverCard2 {text-align: center;padding:100px 50px;transition: all 300ms ease;background: #F6F6F6}
.large_hoverCard2 ._title {color:#ED2729;font-size:30px;line-height: 40px;padding-bottom:15px}
.large_hoverCard2 ._content {
	font-size: 20px;
	line-height: 30px;
	color: white;
	color: #222222;
	font-family: "Lucida Console";
}



.leadership_card {display:flex;flex-direction:row;background:#fafafa;margin-bottom:50px}
.leadership_card .image_container {padding:50px}
.leadership_card .image_container ._image {height:140px;width:140px;display:block;margin:0 auto}
.leadership_card .text_container {padding:50px 50px 50px 0;}
.leadership_card .text_container .title {font-size:30px;line-height: 40px;padding-bottom:0 !important}
.leadership_card .text_container .subtitle {font-size:20px;color:#4d4d4d;font-weight: bold}
.leadership_card .text_container .content {font-size:20px;color:#4d4d4d;font-weight: 200}


.leadership_card .text_containerBoard {padding:50px}
.leadership_card .text_containerBoard .title {font-size:30px;line-height: 40px;padding-bottom:0 !important}
.leadership_card .text_containerBoard .subtitle {font-size:20px;color:#4d4d4d;font-weight: bold}
.leadership_card .text_containerBoard .content {font-size:20px;color:#4d4d4d;font-weight: 200}


@media only screen and (max-width:640px){
      .leadership_card {display:flex;flex-direction:column;background:#fafafa;margin-bottom:50px}
      .leadership_card .text_container {padding:0px 20px;}
}


#loc {display:table;width:100%}
#loc_leftSide {display:table-cell;width:50%;height:100%}
#loc_rightSide {display:table-cell;width:50%;padding:75px;background: #f2f2f2}
#loc_rightSide ._title {
	font-size: 43px;
	line-height: 65px;
	color: #4d4d4d;
	margin-bottom: 35px;
}
#loc_rightSide ._content {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	font-family: Segoe, "Segoe UI", 'cwTeXHei', "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

ul#loc_anchors {text-align: center;margin-top:80px;}
ul#loc_anchors li a {font-size:20px;background: #f2f2f2;color:#4d4d4d !important;display: block;padding:10px 0;transition: all 300ms ease;}
ul#loc_anchors li a:hover {
	font-size: 20px;
	background: #ed2729;
	color: white !important;
	display: block;
	padding: 10px 0;
	font-family: inherit;
}

.location_card {padding:40px 50px;background: #f2f2f2}
.location_card .location {margin-bottom:20px}
.location_card .location img {position:relative;margin-top:-10px;}
.location_card .location ._title {padding-left: 20px}
.location_card .address {margin-bottom:20px;font-weight: 200;}
ul.loc_cards {margin-top: 50px}

@media only screen and (min-width:641px) and (max-width:1025px){
      .location_card {padding:30px; background: #f2f2f2}
}


@media only screen and (max-width:640px){
      .location_card {padding:20px 30px;background: #f2f2f2}
      #loc_leftSide {display:none;}
      #loc_rightSide ._title {
	font-size: 45px;
	line-height: 55px;
	color: #4d4d4d;
	margin-bottom: 35px;
}
      #loc_rightSide {display:table-cell;width:100%;padding:20px;background: #f2f2f2}
}



.tech_cardTop {height:300px;width:100%;position: relative}
.tech_cardTop ._title {position: absolute;bottom:15px;left:30px;}
.tech_cardBottom {padding:30px;background: #fafafa}

@media only screen and (min-width:1025px){
      .tech_cardBottom {min-height: 450px;}
}


ul.tech_list {list-style: none;margin-left:0;}
ul.tech_list li {margin-left:0}
ul.tech_list li a img {margin-left:15px}

@media only screen and (max-width:1024px){
      .tech_cardTop {padding:30px 0;width:100%;position: relative;height:72px}
}



ul#prod_cat {text-align: center;}
ul#prod_cat li .prod_card {background: #fafafa;padding: 20px;display: flex;transition: all 300ms ease;color:#4d4d4d}
ul#prod_cat li .prod_card:hover {background: #ed2729;color:white;}
ul#prod_cat li .prod_card .prod_text {text-align: center;}






.silver {background: #eee}
.red {background: #ed2729;}
.red-text {color: #ed2729;}
.dark-grey-text {color:#808080}
.centerize {text-align: center;}
.til {font-family: 'Titillium Web', sans-serif;}
.container {max-width: 1800px !important;width:95% !important;margin: 0 auto !important;}
.container-2 {max-width: 1340px !important;width:95% !important;margin: 0 auto !important;}
.container-3 {max-width: 1200px !important;width:95% !important;margin: 0 auto !important;}
.bold {font-weight: bold;}
.black-text {color:#000000 !important}
.blue-text {color:#1c3b73 !important}
.grey-text {color:#6f7684 !important}
.grey-text-dark {color:#4d4d4d !important}
.white-text {color:white !important;}
.banner-container {max-width: 1000px;margin: 0 auto;width:90%}





i#burger {
    font-size: 40px;
    padding-left:20px;
    background: transparent;
    color:#1c3b73 !important;
}

@media only screen and (max-width:640px){
      i#burger {padding-right: 11px;}
}

@media only screen and (min-width:641px) and (max-width:1200px){
      i#burger {padding-right:5px}
}

ul.off-canvas-list li label {text-align: center;border: none;height:66px}
img#mobile_nav_logo {text-align: center;max-width: 150px}

ul.off-canvas-list li a {
    display: block;
    padding: 1rem;
    color: #1c3b73 !important;
    border-bottom: none !important;
    text-decoration: none !important;
    transition: background 300ms ease;
    font-weight: 600;
}

ul.off-canvas-list li a:hover {
    display: block;
    padding: 1rem;
    color: #333333;
    transition: background 300ms ease;
}


.right-off-canvas-menu {background: #fafafa}


.mobile_cta {padding:20px;font-weight: 600;cursor: pointer}



#footer_cta_banner {
	background: url('../../download/document/31/blue_gradient.png') center no-repeat;background-size:cover;
	padding: 50px 20px 70px 20px;
	text-align: center;
	color: white;
	margin: 0;
}



#footer_text_container {max-width: 1000px;margin: 0 auto;}
#footer_cta_banner .title {font-size: 50px;line-height: 60px;font-weight: 300;padding-bottom: 12px}
#footer_cta_banner .subtitle {font-size: 20px;line-height: 30px;font-weight: 200;}

.ftr .left .title{font-size:25px;color:#1c3b73;}
.ftr .left .subtitle {font-size: 16px;color:#707784;padding-bottom:10px}
.ftr ul {margin-top:30px;}
.ftr ul li a {color:#808080;text-decoration: none;font-size: 20px;font-weight: 300;}
@media only screen and (max-width:1024px){
	.ftr .left {margin-top:30px}
}



input#email_signup{
    max-width: 200px;
    outline: none;
    border: none;
    height: 48px;
    box-shadow: none !important;
}


.big-hover {height:100px;width:100px;}
.big-hover .nav_panel {display: none}
.big-hover:hover .nav_panel {display:block}

.nav_panel {
      background: #f0f5ff;
      position:relative;
      z-index: 9999999999;
	 top:0px;
	 width:100%;
}

.nav_btn_panel {background: #05193d;color:white;text-align: center;font-weight: 600;padding:12px;font-size:20px;cursor: pointer;}

ul.subnav_links li {padding-bottom: 10px}
ul.subnav_links li a {color:#314d80;}
img.subnav_arrows {position: relative;top:-2px;padding-left:5px}

.menu_container {max-width: 800px;position: relative;right:0}



/*menu container - LEFT*/
@media only screen and (min-width:1770px){
      .menu_container{left:2% !important;}
}

@media only screen and (min-width:1945px){
      .menu_container{left:7% !important}
}

@media only screen and (min-width:2045px){
      .menu_container{left:10% !important}
}

@media only screen and (min-width:2145px){
      .menu_container{left:15% !important}
}

@media only screen and (min-width:2245px){
      .menu_container{left:20% !important}
}

@media only screen and (min-width:2345px){
      .menu_container{left:25% !important;}
}

/*menu container - RIGHT*/
@media only screen and (min-width:1770px){
      .menu_container_right{padding-right:2% !important;}
}

@media only screen and (min-width:1945px){
      .menu_container_right{padding-right:7% !important}
}

@media only screen and (min-width:2045px){
      .menu_container_right{padding-right:10% !important}
}

@media only screen and (min-width:2145px){
      .menu_container_right{padding-right:15% !important}
}

@media only screen and (min-width:2245px){
      .menu_container_right{padding-right:20% !important}
}

@media only screen and (min-width:2345px){
      .menu_container_right{padding-right:25% !important;}
}








#nav_table {width:100%;position:relative;background:#f0f5ff;z-index: 1000;}



ul#top_nav {
    position: relative;
    float: right;
    margin-left: 20px;
    margin-bottom: 0;
}





ul#top_nav li a:active, ul#top_nav li a:hover, ul#top_nav li a:focus {background: url('../images/omni_on.png') bottom repeat-x;border: none;color:#ed2729}
ul#top_nav li a.on {background: url('../images/omni_on.png') bottom no-repeat;color:#ED2729}
img.top_nav_link_images {cursor: pointer;}

.f-dropdown:hover ul#top_nav li a {color:#ed2729}




a.btn {font-size: 20px;font-weight: bold;padding: 15px 30px;display: inline-block;text-align: center;}
a.btn.red {
	margin-left: 10px;
	background: url('../images/red_arrow_small_2.png') right #ed2729 no-repeat;
	border-bottom: 2px solid #e12527;
	color: white;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	padding: 10px 40px 10px 20px;
	display: inline-block;
	text-align: center;
	position: relative;
	top: 10px;
	transition: all 300ms ease;
	background-color: #E12527;

}

a.btn.red:hover {
      background: url('../images/red_arrow_small_2.png') right #db1c1c no-repeat;
}



a.btn.grey {color:#1c3b73;background: #f2f2f2;border-bottom: 5px solid #e6e6e6;
transition:all 300ms ease;}

input.btn.red {
      background: url(../images/red_arrow_small_2.png) right #ed2729 no-repeat;
    border: none;
    border-bottom: 5px solid #e12527;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 30px;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    position: absolute;
    right: 0;
    margin-top: -48px;
    padding: 10px 48px 9px 28px;
    transition: background 300ms ease;
}

input.btn.red:hover {
      background: url(../images/red_arrow_small_2.png) right #db1c1c no-repeat;
}







a#top_red {
      margin-left:10px;
      background: url('../images/red_arrow_small_2.png') right #ed2729 no-repeat;
      border-bottom: 5px solid #e12527;
      color:white;
      font-size: 16px;
      line-height: 18px;
      font-weight: bold;
      padding: 13px 50px 13px 30px;
      display: inline-block;
      text-align: center;
      position: relative;
      top:14px;
      transition:background 300ms ease;
}
a#top_red:hover {background: url('../images/red_arrow_small_2.png') right #db1c1c no-repeat;}


a#top_grey {
      color:#1c3b73;
      background: #f2f2f2;
      border-bottom: 5px solid #e6e6e6;
      font-size: 16px;
      line-height: 18px;
      font-weight: bold;
      padding: 14px 20px;
      display: inline-block;
      text-align: center;
      position: relative;
      top:14px;
      transition:background 300ms ease;

}

a#top_grey:hover {background: #ebebeb}

@media only screen and (max-width:1199px){
      a#top_grey, a#top_red {position: relative;top:-18px !important;}
}


#top_btncontainer {display: inline-block;padding-top: 10px;}


#top_nav li {list-style: none;display: inline-block;padding:0px 5px;}

@media only screen and (max-width:1199px){
      ul#top_nav {display: none}
      a#offcanvtoggle {display: inherit !important}

}

@media only screen and (min-width:1200px){
      ul#top_nav {display: inherit !important; }
      a#offcanvtoggle {display: none;}
}

.sticky-nav-spacer {height: 0px}
.nav {background: url('../../download/document/40/topnavborder.png') bottom repeat-x #ffffff;top:0;height:100px;}
/*
TOPNAV BREAKPOINTS*/

ul#top_nav li a {line-height: /*69px*/100px;text-decoration: none !important;color:#1c3b73;font-size:20px;font-weight: 600}

img#top_nav_logo{max-width:200px}

@media only screen and (max-width:640px){
      .nav {padding: 22px 0}
      img#top_nav_logo {margin-top:8px;padding-left:8px;}
}

@media only screen and (min-width:641px) and (max-width:1025px){
      .nav {padding: 14px 0 8px;}
      #top_btncontainer {padding-top:16px}
      img#top_nav_logo {margin-top:16px;padding-left:8px;}
}

@media only screen and (min-width:1026px) and (max-width:1200px){
      .nav {padding: 14px 0 8px;}
      #top_btncontainer {padding-top:16px}
      img#top_nav_logo {margin-top:16px;}
}

@media only screen and (min-width:1201px){
      img#top_nav_logo {margin-top:30px}
}





/*
@media only screen and (min-width:1441px){
      ul#top_nav li a {line-height: 97px;text-decoration: none !important;color:#1c3b73;font-size:22px;font-weight: 600}
      .nav {background: url('/download/document/40/topnavborder.png') bottom repeat-x;}
      img#top_nav_logo {margin-top:29px;}
      a#top_red {
            margin-left:10px;
            background: url('/base/images/red_arrow.png') right #ed2729 no-repeat;
            border-bottom: 5px solid #e12527;
            color:white;
            font-size: 20px;
            font-weight: bold;
            padding: 15px 60px 15px 30px;
            display: inline-block;
            text-align: center;

      }

      a#top_grey {
            color:#1c3b73;
            background: #f2f2f2;
            border-bottom: 5px solid #e6e6e6;
            font-size: 20px;
            font-weight: bold;
            padding: 15px 30px;
            display: inline-block;
            text-align: center;

      }

      #top_btncontainer {padding-top: 7px;}
      #top_nav li {list-style: none;display: inline-block;padding:0 13px;}
}

*/


.topnav_dropdown:before, .topnav_dropdown:after {border: none;outline:none;}
.topnav_dropdown {margin-top:0px;border: none;padding: 28px 0 29px;min-width: 300px;}
.topnav_dropdown li a:hover ul#top_nav li a {border: 10px solid !important}

.f-dropdown.topnav_dropdown li a {background: url('../images/arrow_off_2.png') right no-repeat;padding: 7px 30px;font-size:18px;}
.f-dropdown.topnav_dropdown li a:hover {background: url('../images/arrow_on_2.png') right no-repeat #fff;padding: 7px 30px;color:#ed2729}

/* =======================================

PAGES

=================================== */

/*
      FAQ PAGE
*/


.faq_title {color:#4d4d4d}
.faq_content {color:#4d4d4d}


.flip {display:table;width:100%; cursor:pointer;margin-bottom:1rem}


.flip-right{display:table-cell;width:100px;vertical-align: middle;background: #fafafa}
.flip-on .flip-right {background: #ebebeb}

.flip-off .flip-control {background:url(../images/plus.png) center no-repeat #ed2729;height:50px;width:50px;margin: 0 auto;}
.flip-on .flip-control  {background:url(../images/minus.png) center no-repeat #ed2729;height:50px;width:50px;margin: 0 auto;}

.flip-off .flip-content {display:none;}
.flip-on .flip-content {display:block;background: #ebebeb;color:#4d4d4d}
.flip-on .flip-left {background:#ebebeb;}



.flip-content{padding:2rem}

@media only screen and (min-width:1026px){
      .flip-left{display:table-cell;background:#fafafa;padding:30px;width:93%}
}

@media only screen and (min-width:641px) and (max-width:1025px) {
      .flip-left{display:table-cell;background:#fafafa;padding:30px;width:90%}
}

@media only screen and (max-width:640px){
      .flip-right {vertical-align: inherit;}
   .flip-left{display:table-cell;background:#fafafa;padding:30px;width:85%}
   .flip-off .flip-control {background:url(../images/plus.png) center no-repeat #ed2729;position:relative;top:30px;right:20px;}
   .flip-on .flip-control  {background:url(../images/minus.png) center no-repeat #ed2729;position:relative;top:30px;right:20px;}
}





/*
      USE CASE
*/


.usecase_tile {width:100% !important;height:350px;background-size:cover;margin:0 auto;padding: 80px 100px;margin-bottom:30px}
.usecase_tileTitle {
	padding-bottom: 10px;
}
.usecase_tileContent {}

@media only screen and (max-width:640px){
      .usecase_tile {padding:30px}
}


/*
      APP LANDING
*/

.appLanding_card {background-size:cover;width:100%;padding:0 0 40px 0;text-align:center;}

.appLanding_card ._title {color:#071c41;font-size:45px;line-height: 55px;}
.appLanding_image {margin-bottom:40px;height:150px;text-align: center;cursor: pointer;background: url(../images/app_switch_dark.png) center no-repeat;background-size: 150px;}
.appLanding_image img {margin-top:10px}

.appLanding_card:hover .appLanding_image {background: url(../images/app_switch.png) center no-repeat;background-size: 150px;}

/*
      NAVIGATION
*/

.header-wrapper {
      position:absolute;top:0;height:100px;width:100%;z-index: 99999999999999;background:#ffffff;border-bottom: #e6e6e6 6px solid
}
.header-menus {display:none;}
.header-wrapper:hover .header-menus {display: block}
.header-menu-item {display: none;}


.header-top {display: table;width:100%;padding:0 1rem;margin:0;}
.header-logo {display: table-cell;max-width:200px;vertical-align: middle}
.header-links {display: table-cell;height:100px;vertical-align: top}
.header-links a {line-height: 94px;color:#1c3b73}
.header-links a:link,.header-links a:visited{ display: inline-block;margin:0 1rem;font-weight: 600;font-size: 20px}
.header-links a:hover, .header-links a.on:link,.header-links a.on:visited {border-bottom: 6px solid #ed2729}
.header-links a:hover {color:#ed2729 !important}
.header-right {display: table-cell;text-align: right;vertical-align: middle;padding-right:30px}
.header-right a {display: inline-block}

.header-gap {height:100px}


/* =======================================

BODY STYLE

=================================== */

body {
	font-family: "cwTeXHei", 'Titillium Web', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 20px;
      line-height: 20px;
}

a {
	color: #ed2729;
	text-decoration: none;
}
a:hover, a:focus {
	color: #000000;
	text-decoration: none;
	font-size: 18px;
}













/* =======================================

HEADER STYLES

=================================== */

.page-header {
	background: #eeeeee
}
.hmi {
	float: right;
	background: url(../images/menu-icon.png)  left no-repeat;
	width: 50px;
}
.hmi span {
	display: block;
	height: 100px;
	width: 50px;
}











/* =======================================

HOMEPAGE BANNER STYLES

=================================== */

@media only screen {
	#hpbanner .text-inside { margin: 20px auto 0 auto;}
	#hpbanner > li {height: 500px;}
}
@media only screen and (min-width: 64.063em) {
	#hpbanner .text-inside { margin: 30px auto 0 auto;}
	#hpbanner > li {height: 310px;}
}

#hpbanner .text-inside {
	color: #ffffff;
	
	max-width: 1000px;
	padding:1rem
}

#hpbanner > li {
	
	background-position: top center;
	background-repeat: no-repeat;
}

#hpbanner .b3 {padding:1.5rem 0}
#hpbanner .b4 {font-size:16px;line-height: 24px;font-weight: 300;color:#d4d4d4;padding-bottom:2rem}

#hpbanner li ul { margin-left:30px;}
#hpbanner .b4 {list-style:disc}

/*
      BUTTON STYLES
*/

#top_left {margin-right:30px}


.trap-small {display: inline-block;margin:0 5px;opacity: 1;font-weight:400 !important}
.trap-small:hover {opacity: .9}
.trap-small a {display: inline-block;padding:0 5px;text-transform: lowercase}
.trap-small {line-height: 37px !important;font-size:14px;}
.trap-small a {margin-left:0px}
.trap-small:before {
	content: " ";
	position: absolute;
      margin-left:-33px;
      cursor: pointer;
}
.trap-small:after {
	content: " ";
	position: absolute;
      cursor: pointer;
}
.trap-small:after,
.trap-small:before,
.trap-small:after,
.trap-small:before{
      width: 33px;height:37px;
}



.trap-large {display: inline-block;margin:0 5px;opacity: 1;font-weight:400 !important}
.trap-large:hover {opacity: .9}
.trap-large a {display: inline-block;padding:0 5px;text-transform: lowercase}
.trap-large {line-height: 50px !important;font-size:14px;}
.trap-large a {margin-left:0px}
.trap-large:before {
	content: " ";
	position: absolute;
      margin-left:-33px;
      cursor: pointer;
}
.trap-large:after {
	content: " ";
	position: absolute;
      cursor: pointer;
}
.trap-large:after,
.trap-large:before,
.trap-large:after,
.trap-large:before{
      width: 33px;height:37px;
}



/*  red */

.trap-red a {background:#EA2A31 !important;color:#ffffff !important;text-transform: capitalize;font-size:16px;font-weight:600;}
.trap-small.trap-red:after, .trap-large.trap-red:after {	background: url(../images/OVT_RedButton_Right.png) left no-repeat;}
.trap-small.trap-red:before, .trap-large.trap-red:before  {	background: url(../images/OVT_RedButton_Left.png) left no-repeat;}
.trap-small.trap-red-invert:after, .trap-large.trap-red-invert:after  {	background: url('') left no-repeat;}
.trap-small.trap-red-invert:before, .trap-large.trap-red-invert:before {	background: url('') left no-repeat;}

/*  grey */
.trap-grey-vert a {background:#F2F2F2 !important;color:#1E3C71 !important;text-transform: capitalize;font-size:16px;font-weight:600;}
.trap-small.trap-grey-vert:after {	background: url(../images/OVT_GrayButton_Right.png) left no-repeat;}
.trap-small.trap-grey-vert:before {	background: url(../images/OVT_GrayButton_Left.png) left no-repeat;}
.trap-small.trap-grey-invert:after {	background: url('') left no-repeat;}
.trap-small.trap-grey-invert:before {	background: url('') left no-repeat;}




/* =======================================

NORMAL PAGE STYLES

=================================== */

#page-subnav {
	background:url(../images/subnav.png) bottom repeat-x;
}
#page-subnav .row {
}
#page-subnav ul {
	padding: 0;
	margin: 0;
}
#page-subnav li {


}
#page-subnav li a{
	color: #224177;
	font-size: 18px;
	line-height: 60px;
	text-decoration: none !important;
	font-weight: 400;
}

/*#page-subnav a:hover, #page-subnav a:visited {background: url('/base/images/subnav_on.png') bottom repeat-x;color: #224177;}*/

#page-subnav .on a:link,
#page-subnav .on a:hover,
#page-subnav .on a:visited {
	color: #224177;
	background: url('../images/subnav_on.png') bottom repeat-x;
}

/* ======================================= */

.page-banner-small {
      padding:100px 0;
}

.page-banner-large {
      padding:200px 0;
}

.page {
	padding: 40px 0 20px 0;
}

.page-content {
	display: table;
	width: 100%;
}

.page-content-center {
	display: table-cell;
	line-height: 22px;
}

.page-content-center article {
	padding-top: 2rem;
	color: #525252
}

@media only screen {
	.page-content-left {
		display: table-row;
		width: auto;
	}
	.page-content-left ul {
		padding: 0 0 2.5rem 0;
		margin: 0;
	}
	.page-content-left ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		line-height: 2.5rem;
		border-bottom: 1px solid #dddddd
	}
	.page-content-left ul li:first-child {
		border-top: 1px solid #dddddd
	}
}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	.page-content-left {
		display: table-cell;
		width: 250px;
	}
	.page-content-left ul {
		padding: 0 40px 0 0;
		margin: 0;
	}
	.page-content-left ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		line-height: 3rem;
		border-bottom: 1px solid #dddddd
	}
	.page-content-left ul li:first-child {
		border-top: 1px solid #dddddd
	}
}

@media only screen {
	.page-content-right {
		display: table-row;
		width: auto;
	}
	.page-content-right-inside {
		padding: 5rem 0 0 0;
	}

}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	.page-content-right {
		display: table-cell;
		width: 300px;
	}
	.page-content-right-inside {
		padding: 0 0 0 50px;
	}

}



/* ======================================= */

.title {
	color: #1c3b73;
	display: block;
	padding-bottom: 20px;
	font-weight: 500
}
.subtitle {
	color: #4d4d4d;
	font-size: 30px;
	line-height: 40px;
	display: block;
	padding-bottom: 10px;
}
.paragraph-header {
	color: #1c3b73;
	font-size: 24px;
	line-height: 30px;
	display: block;
	padding-bottom: 10px;
	font-weight: 700
}



@media only screen {
	.title {
		font-size: 50px;line-height: 50px;
	}
}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	.title {
		font-size: 55px;line-height: 65px;
	}
}









/* =======================================

HEADER STYLES

=================================== */


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	line-height: 1.2;
}

h1, h2 {color: white}

@media only screen {
	h1 {	font-size: 50px;}
}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	h1 {	font-size: 65px;}
}

h2 {	font-size: 30px; padding-top: .5rem }

h3 {
	font-size: 1.375rem;
	padding-bottom: 2rem;
	color: #000000
}

hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0;
}















/* =======================================

FOOTER STYLES

=================================== */

footer {
	/*padding:1rem 0;*/
}
.footer-left {
	color: #999999;padding-top:2rem;
}
.footer-right {
	color: #999999;padding-top:2rem;
}

.footer-left a {
	padding: 0 1rem;
}


#footer_formcontainer {max-width: 550px;margin:0 auto;position: relative;}

#footersub {display: flex;flex-direction: row;text-align: center;}

.footermobile {display: flex;flex-direction: row;justify-content: center;padding-bottom: 25px}

.footermobile a{padding:3px 24px;font-size: 18px;font-weight: normal;}

#white-bar {height: 2px;width: 100%;background: white;margin: 27px 0 50px}

@media only screen and (max-width:640px){
      .footermobile {flex-direction: column;}
      .footer-subtext {font-size: 14px;}
}

@media only screen and (min-width:641px) and (max-width:1024px){
      .footermobile a{padding: 3px 10px;font-size: 18px}
}


@media only screen {/* Mobile Style  */
	footer {
		font-size: 1rem;
		line-height: 2rem
	}
	footer .footer-left {
		text-align: center;
	}
	footer .footer-right {
		text-align: center;
	}

}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	footer {
		font-size: .9rem;
	}
	footer .footer-left {
		text-align: left
	}
	footer .footer-right {
		text-align: right;
	}

}

.smi { text-align: center;padding:30px 0 50px 0}
.smi a:link,.smi a:visited {height:40px;width:40px;line-height: 40px;text-align: center;background: #cccccc;display: inline-block;margin:0 20px}
.smi a:hover{background: #1c3b73}

.smi a:first-child{margin-left:0}
.smi a:last-child{margin-right:0}







/* =======================================

BLOG STYLES

=================================== */

.blog-list-container {
	border-bottom: 1px solid #cccccc;
	padding: 2rem 0 1.5rem 0;
}
.blog-list-container:first-child {
	padding-top: 0
}
.blog-list-container:last-child {
	border: none
}
.blog-list-title {
	font-size: 1.4rem;
}
.blog-list-date {
	font-weight: bold;
	line-height: 2rem
}
.blog-list-body {
}

.blog-list-authors {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-list-authors li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-list-authors li a:after {
	content: ",";
}
.blog-list-authors li:last-child a:after {
	content: "";
}

.blog-list-tags {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-list-tags li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-list-tags li a:after {
	content: ",";
}
.blog-list-tags li:last-child a:after {
	content: "";
}

.blog-right-recent {
	padding: 0;
	margin: 0;
}
.blog-right-recent li {
	list-style: none;;
	padding-bottom: .8rem;
	line-height: 1.3rem
}
.blog-right-tags {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-right-tags li {
	list-style: none;;
	padding-bottom: .8rem;
	line-height: 1.3rem
}

.blog-detail-date {
	font-weight: bold;
	line-height: 2rems
}

.blog-detail-tags {
	padding: 2rem 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-detail-tags li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-detail-tags li a:after {
	content: ",";
}
.blog-detail-tags li:last-child a:after {
	content: "";
}

.blog-detail-authors {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-detail-authors li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-detail-authors li a:after {
	content: ",";
}
.blog-detail-authors li:last-child a:after {
	content: "";
}

.blog-detail-image {
	margin: 2rem 0
}
.blog-detail-video {
	margin: 2rem 0
}
.blog-detail-video iframe {
	width: 100%;
	max-width: 600px;
}
.blog-detail-body {
}

/* =======================================

MENU STYLES

=================================== */

.header-bar {position: fixed;width:100%;top:0;z-index: 99999999999;background: #ffffff;}
.header-bar-inside {display: table;width:100%;max-width: 64.063em;margin:0 auto;}
.header-bar-col {display: table-cell;vertical-align: top}
.header-bar-col:nth-child(1){max-width:300px;text-align: left;}


@media only screen  { 
.header-bar-col:nth-child(1) img{max-width: 240px;padding:30px 0 0 1rem}

}
@media only screen and (min-width: 69em) { 
.header-bar-col:nth-child(1) img{max-width: 300px;padding:30px 0 0 1rem}
	
}


.header-bar-col:nth-child(3){text-align: right; }
.header-bar-col:nth-child(3) a:nth-child(4) i{font-size: 40px;color:#1F416D;}
.header-bar-col:nth-child(3) a:nth-child(4){position:relative;top:13px;margin-left:10px}

.header-bar-col:nth-child(3) a:nth-child(1),
.header-bar-col:nth-child(3) a:nth-child(2),
.header-bar-col:nth-child(3) a:nth-child(3){font-size:19px;font-weight:600;border-bottom: 5px solid black;border-bottom-color: rgba(0,0,0,.1)}
.header-bar-col:nth-child(3) a:nth-child(1) {color:#ffffff;padding:10px 14px 6px 14px;background: #1F416D;border-bottom-color: #2f5190}
.header-bar-col:nth-child(3) a:nth-child(2) {color:#ffffff;padding:10px 14px 6px 14px;background: #1F416D;border-bottom-color: #2f5190}
.header-bar-col:nth-child(3) a:nth-child(3) {color:#ffffff;padding:10px 14px 6px 14px;background: #1F416D;border-bottom-color: #2f5190}

@media only screen  { 
	#navigation {display:none}
	.header-bar { border:none;height:90px;}
	.header-bar-col:nth-child(3){padding:15px 1rem 0 0;}
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(5) {display:inline-block}
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(1),
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(2),
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(3)	{display:none}
}
@media only screen and (min-width: 69em) { 
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(1),
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(2),
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(3)  {display:inline-block}
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(4) {display:none}
	

}
@media only screen and (min-width: 69em) { 
	.header-bar-col:nth-child(3){padding:25px 1rem 0 0;}
	#navigation {display:block;}
	.header-bar {border-bottom:#e7e7e7 6px solid;height:100px;}
	.header-bar-inside .header-bar-col:nth-child(3) a:nth-child(4) {
	display: none;
	font-family: "敺株?甇??擃?, "Century Gothic", 'cwTeXHei', sans-serif;
}
}
























#navigation {
	padding: 0;
	margin: 0 0 0 30px;
	font-family: 'cwTeXHei';
}

ul#navigation li {
	display: inline;
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
ul#navigation li:last-child {
}

ul#navigation li a {
	padding: 0px 9px 0px 9px;
	line-height: 94px;
	font-size: 20px;	
	color: #233872;
	text-decoration: ;
	display: inline-block;
}
ul#navigation li a:hover {
	color: #e82532;
	
}

ul#navigation li:hover > a {
	border-bottom:#e82532 solid 6px;
}


/* on */

ul#navigation li.on {
}
ul#navigation li.on a {
	color: #333333;
}
ul#navigation li.on a:hover {
	color: #333333;
}
ul#navigation li.on:hover > a {
}

/* subpages icon */

ul#navigation li a.subpages,ul#navigation li a.subpages:hover {
	background-image: url(../images/subpages.png) ;
	background-position: right ;
	background-repeat: no-repeat;
}



/* Drop-Down Navigation */
ul#navigation li:hover > ul {
	visibility: visible;
	opacity: 1;
	margin-top: 60px;
	margin-left: -1px;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	width: 300px;
	background: #ffffff;
	opacity: 0;
}

ul#navigation ul {
	top: 40px;
	left: 1px;
	padding:30px 0;
}

ul#navigation ul li ul {
	top: 0;
	left: 300px;
	
}

ul#navigation ul li {
	font-weight: normal;
	font-size: 17px;
	clear: both;
	width: 100%;
	border: 0 none;
	
}

ul#navigation ul li a:link,ul#navigation ul li a:visited {
	background:url(../images/arrow_off.png) right 30px center no-repeat;
	padding: 7px 0px 7px 30px;
	color: #666666;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 300px;
	line-height: 18px;
}

ul#navigation ul li a:hover,ul#navigation li.on ul li a:hover {
	background:url(../images/arrow_on.png) right 30px center no-repeat;
	color: #e82532;
	
}
ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}











#moving_navigation {
	padding: 0;
	margin: 0 0 0 20px;
	float: right;
	font-family: 'Titillium Web', sans-serif;
}

ul#moving_navigation li {
	display: inline;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;

}
ul#moving_navigation li:last-child {
}

ul#moving_navigation li a {
	padding: 0px 20px 0px 20px;
	line-height: 71px;
	color: #233872;
	text-decoration: none;
	display: inline-block;
}
ul#moving_navigation li a:hover {
	color: #e82532;
	
}

ul#moving_navigation li:hover > a {
	border-bottom:#e82532 solid 6px;
}


/* on */

ul#moving_navigation li.on {
}
ul#moving_navigation li.on a {
	color: #333333;
}
ul#moving_navigation li.on a:hover {
	color: #333333;
}
ul#moving_navigation li.on:hover > a {
}

/* subpages icon */

ul#moving_navigation li a.subpages,ul#moving_navigation li a.subpages:hover {
	background-image: url(../images/subpages.png) ;
	background-position: right ;
	background-repeat: no-repeat;
}



/* Drop-Down Navigation */
ul#moving_navigation li:hover > ul {
	visibility: visible;
	opacity: 1;
	margin-top: 35px;
	margin-left: -1px;
}

ul#moving_navigation ul, ul#moving_navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	z-index: 99999999;
	width: 300px;
	background: #ffffff;
	opacity: 0;
}

ul#moving_navigation ul {
	top: 40px;
	left: 1px;
	padding:30px 0;
}

ul#moving_navigation ul li ul {
	top: 0;
	left: 300px;
	
}

ul#moving_navigation ul li {
	font-weight: normal;
	font-size: 17px;
	clear: both;
	width: 100%;
	border: 0 none;
	
}

ul#moving_navigation ul li a:link,ul#moving_navigation ul li a:visited {
	background:url(../images/arrow_off.png) right 30px center no-repeat;
	padding: 7px 0px 7px 30px;
	color: #666666;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 300px;
	line-height: 18px;
}

ul#moving_navigation ul li a:hover,ul#moving_navigation li.on ul li a:hover {
	background:url(../images/arrow_on.png) right 30px center no-repeat;
	color: #e82532;
	
}
ul#moving_navigation li a.first {
	border-left: 0 none;
}

ul#moving_navigation li a.last {
	border-right: 0 none;
}














.mobile-nav{padding:20px}

.mobile-nav .header-logo a img {
      max-width: 200px
}

.mobile-nav .hamburger img{
      position: absolute;right:20px;top:9px
}



#mobile_topLinks {position: absolute;right:110px;top:15px}
#mobile_grey {margin-right:30px}
#mobile_grey a, #mobile_red  a{font-size: 14px}






















ul.circle-check {margin:0;padding:0px}
ul.circle-check li {list-style: none;padding:0 0 0 40px;margin:0 0 20px 0;background: url(../images/circle-check.png) top 4px left no-repeat}






.cd-timeline-title {background:#eb1c24;padding:4px 20px;color:#ffffff;font-size:17px;border-top-left-radius: .25em;border-top-right-radius: .25em;font-weight: 600}
.cd-timeline-body {padding:20px;}
.cd-timeline-flag {margin:0 auto;width:2px;height:64px;}
.cd-timeline-flag  i {display:block;background:url(../images/timeline-flag.png) top left no-repeat;width:60px;height:56px;margin-left:}


.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}


#cd-timeline {
  position: relative;
  padding: 0 0 100px 0;

}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 3px;
  background: #213b74;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 0;
    margin-bottom: 0;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: -6px;
  left: 0;
  width: 50px;
  height: 50px;
  margin-left:-5px;
  border-radius: 50%;
  border:4px solid #eb1c24;
  background: #ffffff
}
.cd-timeline-img img {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: -14px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    top:-10px;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 0;
  
  
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 11px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #eb1c24;
}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 12px;
    left: 100%;
    border-color: transparent;
    border-left-color: #eb1c24;
  }
   .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 12px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #eb1c24;
  }

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 body { font-family:'Titillium Web', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif  }
 
}