body {
	margin:0;
	background:#ffffff;
	font-size:100%;                                                                   /* default FONT size - 100% = 16px*/
	padding:0;
	font-family:"Open Sans", sans-serif;
	border-top: 0.3125em solid #be311b;                                              /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
	line-height:1.5em;                                                               /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
}
article, aside, footer, header, nav, section, main {
	display: block;
}
img {
	border: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: block;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: block;
}
.clearfix {
    clear: both;
    float: none;
}
/* =============================================================================
   Inner Wrapper Style
 * ============================================================================= */
.inner-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 75em;                                                                /* BASE FONT = 16px  >>> 1200px / 16px =  75em */
	padding: 1.5em 1.5em 1.5em 1.5em;                                               /* BASE FONT = 16px  >>> 24px / 16px =  1.5em */
	text-align: left;
	box-sizing: border-box;
}
.inner-wrap:after {
	clear: both;
	content: "";
	display: table;
}
.inner-wrap:after {
	clear: both;
	content: "";
	display: table;
}
/* =============================================================================
   Header Area Style
 * ============================================================================= */

.site-logo, .landing-site-logo {
	padding-bottom:1.25em;                                                         /* BASE FONT = 16px  >>> 20px / 16px =  1.25em */
	display: block;
	float: left;
	margin-right: 2.35765%;                                                        /* 2.35765% of parent container */
	width: 23.2318%;                                                               /* 23.2318% of parent container */
}
/* =============================================================================
   Utility Nav Style
 * ============================================================================= */
.utility-nav {
	font-family: "Economica", sans-serif;
	text-align: right;
	line-height: 2.5em;                                                          /* BASE FONT = 16px  >>> 40px / 16px =  2.5em */
	margin-bottom: 0.75em;                                                       /* BASE FONT = 16px  >>> 12px / 16px =  0.75em */
}
.site-email {
	background: url(ico-email.svg) no-repeat left 0.5em;                        /* BASE FONT = 16px  >>> 8px / 16px =  0.5em */
	display: inline-block;
	height:1.9375em;                                                            /* BASE FONT = 16px  >>> 31px / 16px =  1.9375em */
	padding-left: 2em;                                                          /* BASE FONT = 16px  >>> 32px / 16px =  2em */
}

.utility-nav .ico-iso {
	display: inline-block;
}
.utility-nav .social-wrap {
	display: inline-block;
	width: 15em;                                                              /* BASE FONT = 16px  >>> 240px / 16px = 15em*/
}
.social-wrap a {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 15.5667%;                                                         /*  15.5667% parent container */
}
.social-wrap img {
	display: inline-block;
	height: auto;
	margin: 0 auto;
	vertical-align: middle;
	width: 1.1em;                                                           /* BASE FONT = 16px  >>> 17.6px / 16px =  1.1em */
}
.social-wrap {
	overflow: hidden;
}
.utility-nav .site-ph, .utility-nav .site-email {
	line-height: 2.5em;                                                     /* BASE FONT = 16px  >>> 40px / 16px =  2.5em */
	vertical-align: top;
}
.utility-nav .site-ph {
	background:url(ico-ph.svg) no-repeat left center;
	margin-right: 0.7619047619047619em;                                           /* BASE FONT = 21px  >>> 16px / 21px =  0.7619047619047619em */
	padding-left: 0.9142857142857143em;                                         /* BASE FONT = 21px  >>> 19.2px / 21px = 0.9142857142857143em */
	font-size:1.3125em;														/* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
	line-height:1.904761904761905em;										/* BASE FONT = 21px  >>> 40px / 40px = 1.904761904761905em */
	display: inline-block;
}

a.portal-link {
	color: #00407e;
	text-decoration: none;
    float: right;
    font-weight: bold;
    padding-bottom: 1.5em;
    padding-left: 0.625em;
}

a.portal-link:hover {
	color: #e51f00;
	text-decoration: none;
}

/* =============================================================================
   Topnav  Style
 * ============================================================================= */
  
#menu {
	clear: both;
	box-sizing: border-box;
}
.menu > ul {
	margin: 0;
	padding: 0;
}
.level-1 {
	text-align: center;
}
.menu li a {
	display: block;
	font-family: "Economica", sans-serif;
}
.level-1 > li:first-child {
	border-top: 0 none;
}
.menu > ul > li {
	display: block;
	float: left;
	position: relative;
}
.level-1 > li a {
	color: #00407e;
	font-size: 1.3125em;                                               /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
	font-weight: bold;
	text-decoration: none;
	padding: 0.27em 0 0.27em 0;                                        /* BASE FONT = 16px  >>> 5.6px / 16px = 0.27em */
}
.level-1 > li a:hover {
	background-color: #efefef;
	color: #e51f00;
	font-size: 1.3125em;                                               /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
	font-weight: bold;
	text-decoration: none;
}
.nav-1 {
	width: 11.5474%;
}
.nav-2 {
	width: 11.7517%;
}
.nav-3 {
	width: 13.8224%;
}
.nav-4 {
	width: 18.3591%;
}
.nav-5 {
	width: 9.48465%;
}
.nav-6 {
	width: 12.2857%;
}
.nav-7 {
	width: 18.749%;
}
.menu > ul ul.sub-menu {
	display: none;
	list-style:none;
	left: 0;
	top: 2.2em;                                                       /* BASE FONT = 16px  >>> 35.2px / 16px = 2.2em */
	width: 17em;                                                      /* BASE FONT = 16px  >>> 272px / 16px = 17em */
	position: absolute;
	margin:0;
	padding:0;
}
#menu li:hover ul.sub-menu {
	display: block;
	left: 0;
	top: 2.2em;                                                       /* BASE FONT = 16px  >>> 35.2px / 16px = 2.2em */
	width: 17em;                                                      /* BASE FONT = 16px  >>> 272px / 16px = 17em */
	position: absolute;
}
.sub-menu li {
	border-top: 1px solid #fff;
}
.sub-menu li a {
	background-color:#fff;
	box-shadow: 0 -2em 4em #dbdbdb inset;
	padding: 0.8em 1.8em 0.8em 1.8em;                                /* BASE FONT = 21px  >>> 16.8px 37.8px 16.8 37.8px / 21px = 0.8em 1.8em 0.8em 1.8em */
	text-align: left;
	display:block;
}
.nav-8 {
	width: 4%;
}
.nav-search a {
	background: url(ico-search.svg) no-repeat center center  !important;
	background-size:1em !important;                                   /* BASE FONT = 21px  >>> 21px / 21px = 1em */
	text-indent: -99999em;
}

.level-1 > li.nav-search a:hover {
    background: #efefef url(ico-search.svg) no-repeat center center  !important;
	background-size:1em !important;                                   /* BASE FONT = 21px  >>> 21px / 21px = 1em */
}

/* =============================================================================
    Search Eng Styles
   ============================================================================= */
.search-module.active {
    margin-top: 0;
}
.search-module {
	background-color: #be311b;
	height: 5em;                                                    /* BASE FONT = 16px  >>> 80px / 16px = 5em */
	margin-top: 0;
	transition: all 0.2s ease-in-out 0s;
}

#search-module .inner-wrap {
    position: relative;
}
.site-intro, .landing-page-header {
	background: url(site-intro-bg.jpg) no-repeat center center;
	background-size:100%;
}
.banner {
	height: 7.6875em;                                              /* BASE FONT = 16px  >>> 123px / 16px = 7.6875em */
}
.search-module{
	display:none;	
	}
/*================================*/
.search-exit {
    position: absolute;
    right: 0;
    top: 0;
}
.search-table {
    display: table;
    padding: 0;
    width: 100%;
}
.search-row {
    display: table-row;
    width: 100%;
}
.search-cell1 {
    display: table-cell;
    padding-right: 0.4375em;
}
.search-cell2 {
    background: none repeat scroll 0 0 #fff;
    display: table-cell;
    width: 2.1875em;
	vertical-align:middle;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
.search-submit {
    background: url("ico-search.svg") no-repeat scroll center center #fff  !important;
    border: 0 none;
    float: right;
    height: 2.25001em;
    width: 100%;
}
.search-text {
    height: 1.84615em;
	width:100%;
}

input[name="keyword"] {
    background-color: white;
    border: 1px solid #efefef;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
    box-sizing: border-box;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    padding: 0.375em;
    transition: border-color 0s ease 0s;
}

input[name="keyword"]:hover {
    border-color: #d5d5d5;
}
input[name="keyword"]:focus {
    border-color: #00407e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset, 0 0 5px rgba(0, 51, 101, 0.7);
    outline: medium none;
}
/* =============================================================================
    Content Area Styles
   ============================================================================= */

.site-content-container {
	padding-top:1em;                                           /* BASE FONT = 16px  >>> 16px / 16px = 1em */
}
/* =============================================================================
    Footer Area Start
*  ============================================================================= */
.site-footer {
	background:#00366a;
	border-bottom: 5px solid #be311b;
	color: #3e8bd6;
	text-align: center;
	padding: 0.125em 0 0.125em 0;										 /* BASE FONT = 16px  >>> 2px 0 2px 0 / 16px = 0.125em 0 0.125em 0 */
}


.site-footer p {
	font-size:0.875em;                                            /* BASE FONT = 16px  >>> 14px / 16px = 0.875em*/
	text-align: center;
}
.site-footer a {
	color: #ffffff;
	text-decoration: none;
}

.site-footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.col-4 {
	display: block;
	float: left;
	margin-right: 2.35765%;                                        /* 2.35765% of parent container */
	width: 31.7616%;                                               /* 31.7616% of parent container */
}
.col-4:last-child {
	margin-right: 0;
}
.offers-module h4 {
	color: #fff;
	font-family: "Economica", sans-serif;
	font-size:1.5em;                                              /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
	line-height:1.7em;                                            /* BASE FONT = 24px  >>> 40.8px / 24px = 1.7em */
	margin: 0;
	padding: 1.041666666666667em 0 0 0;                          /* BASE FONT = 24px  >>> 25px / 24px = 1.041666666666667em */
}
.blue-bullets, .bullet-style {
	list-style-type: none;
	margin-bottom: 0.75em;                                       /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
	padding-left: 1.5em;                                         /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
}
.blue-bullets li:after, .bullet-style li:after {
	background: url(ico-bullet.svg) no-repeat center center;
	background-size: 0.5em 0.5em;                                /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
	content: "";
	display: block;
	height: 1.5em;                                               /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
	left: -1.5em;                                                /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
	position: absolute;
	top: 0;
	width: 1.5em;                                               /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
}
.blue-bullets li, .bullet-style li {
	line-height: 1.5em;                                         /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
	margin-bottom: 0.5em;                                       /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
	position: relative;
}
.offers-module .trade-show-list {
	font-size: 0.875em;                                         /* BASE FONT = 16px  >>> 14px / 16px =  0.875em */
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.dark-module a, .offers-module a {
	color: #fff;
	text-decoration: none;
}
.offers-module {
	background:#00366a;
}
.offer-cta {
	padding: 10em 1em 1em 1em;                                  /* BASE FONT = 16px  >>> 160px 16px 16px 16px / 16px =  10em 1em 1em 1em */
	box-sizing: border-box;
}
.img-file {
	background: url(offer-cta-files.png) no-repeat center top;
	background-size:7em;                                       /* BASE FONT = 16px  >>> 112px / 16px =  7em */
}
.img-ribbon {
	background: url(offer-cta-ribbon.png) no-repeat center top;
	background-size:7em;                                       /* BASE FONT = 16px  >>> 112px / 16px =  7em */
}
.offers-module .inner-wrap {
	border-bottom: 1px solid #00407e;
	padding-top:9.333333333333333em;                          /* BASE FONT = 16px  >>> 56px / 16px =  9.333333333333333em */
	padding-bottom:2.5em;                                     /* BASE FONT = 16px  >>> 40px / 16px =  2.5em */
}
.offer-cta p {
	color: #fff;
	font-family: "Economica", sans-serif;
	font-size:1.75em;                                         /* BASE FONT = 16px  >>> 28px / 16px =  1.75em */
	font-weight: bold;
	line-height: 1.25em;                                      /* BASE FONT = 28px  >>> 35px / 28px =  1.75em */
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	text-align: center;
}
