* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

body {
    font-size: 90%;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

body.fixAdjust {
    padding: 99px 0 0 0
}

div {
    margin: 0;
    padding: 0
}

img {
    border: none;
    outline: 0
}

a img {
    width: 30%;
    height: auto;
    border: none;
    outline: 0
}

h1 {
    font-family: leMond, Times New Roman, Times, serif;
    font-weight: 300;
    font-size: 1.9em;
    line-height: 1em;
    color: #fff;
    margin: 0;
    padding: 0
}

h2 {
    font-family: leMond, Times New Roman, Times, serif;
    font-weight: 300;
    font-size: 1.6em;
    line-height: 1.25em;
    color: #517594;
    margin: 0 0 15px 0;
    padding: 0
}

h2 a {
    font-weight: 700
}

h3 {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.15em;
    line-height: 1.15em;
    text-transform: uppercase;
    color: #356fa3;
    margin: 0 0 10px 0;
    padding: 0
}

h4 {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1em;
    line-height: 1em;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0
}

.roundedHeadingLink {
    text-decoration: underline !important;
    color: #c5e3a8
}

.roundedHeadingLink:hover {
    text-decoration: none !important
}

.roundedHeading {
    display: block;
    width: 100%;
    border-bottom: 1px solid #356fa3;
    font-size: 1em !important
}

.roundedHeading .headingCopy {
    padding: 6px 5px 3px 5px;
    background: #356fa3;
    color: #c5e3a8;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    display: inline-block
}
#newBridge .nb-icon-right-center{
    top: 75%!important;
}

a {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    cursor: pointer;
    color: #356fa3;
	text-decoration: none;
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
    outline: 0
}

a:hover {
    color: #255e91;
    text-decoration: none
}

a:visited {
    color: #255e91
}

a:active {
    color: #255e91
}

p {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.7em;
    color: #000;
    margin: 0 0 15px 0;
    padding: 0
}

#search_ul li {
    display: inline-block;
    text-align: center;
}

p img {
    width: 100%;
    height: auto;
    max-width: 470px
}

ol, ul {
    margin: 0;
    padding: 0 0 0 20px
}

ol.tighterList li, ul.tighterList li {
    line-height: 1em
}

ol li, ul li {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    margin: 0 0 8px 0;
    line-height: 1.7em
}

address {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    font-style: normal
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -.4em;
    text-decoration: none !important
}

.noScroll {
    overflow: hidden
}

.shadowOverlay {
    width: 102%;
    height: 101%;
    position: absolute;
    z-index: 1;
    top: -1%;
    left: 0;
    -webkit-box-shadow: inset 0 0 18px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 18px 5px rgba(0, 0, 0, .3);
    -ms-box-shadow: inset 0 0 18px 5px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 18px 5px rgba(0, 0, 0, .3)
}

@font-face {
    font-family: leMond;
    src: url(../../type/leMond.eot);
    src: url(../../type/leMond.eot?#iefix) format('embedded-opentype'), url(../../type/leMond.woff) format('woff'), url(../../type/leMond.ttf) format('truetype'), url(../../type/leMond.svg#LeMondeCourrierStd-Demi) format('svg');
    font-weight: 650;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB04
}

@font-face {
    font-family: icons;
    src: url(../../type/icons.eot?75n8my);
    src: url(../../type/icons.eot?#iefix75n8my) format('embedded-opentype'), url(../../type/icons.woff?75n8my) format('woff'), url(../../type/icons.ttf?75n8my) format('truetype'), url(../../type/icons.svg?75n8my#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-left-arrow:before {
    content: "\e601"
}

.icon-right-arrow:before {
    content: "\e602"
}

.icon-phone:before {
    content: "\e942"
}

.icon-printer:before {
    content: "\e954"
}

.icon-search:before {
    content: "\e986"
}

.icon-menu:before {
    content: "\e9bd"
}

.icon-close:before {
    content: "\ea0f"
}

.icon-plus:before {
    content: "\ea0a"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-mail:before {
    content: "\e607"
}

.icon-point:before {
    content: "\e603"
}

.icon-dot:before {
    content: "\e605"
}

.icon-link:before {
    content: "\e9cb"
}

.icon-youtube:before {
    content: "\ea97"
}

.icon-file-pdf:before {
    content: "\eada"
}

.cs {
    background: url(/wp-content/themes/cc/static/images/layout/common/share-icon.png) top left no-repeat;
    overflow: hidden
}

.weixin-icon {
    background-position: 0 0;
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px
}


.youku-icon {
    background-position: -24px 0;
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
}

.facebook-icon {
	background: url(/wp-content/themes/cc/static/images/icons/facebook.s.png) top left no-repeat;
	background-position: 0 0;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
}

.linkedin-icon {
    background: url(/wp-content/themes/cc/static/images/icons/linkedin.s.png) top left no-repeat;
	background-position: 0 0;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
}

/*
.linkedin-icon:hover {
    background-position: -28px -30px
}
*/

.twitter-icon {
    background-position: -56px 0;
    width: 30px;
    height: 24px;
    max-width: 30px;
    max-height: 24px
}

.twitter-icon:hover {
    background-position: -56px -30px
}

.googlePlus-icon {
    background-position: -89px 0;
    width: 26px;
    height: 24px;
    max-width: 26px;
    max-height: 24px
}

.googlePlus-icon:hover {
    background-position: -89px -30px
}

.youTube-icon {
    background-position: -122px 0;
    width: 35px;
    height: 24px;
    max-width: 35px;
    max-height: 24px
}

.youTube-icon:hover {
    background-position: -122px -30px
}

.countries-icon {
    background-position: -159px 0;
    width: 101px;
    height: 38px;
    max-width: 101px;
    max-height: 38px;
    margin: 0 0 0 3% !important
}

.countries-icon:hover {
    background-position: -159px -41px
}

.dajiake-erweima {
    position: absolute;
    top: 31px;
    right: 100px;
    display: inline-block;
    width:31%;
}
#searchField .top_tel{
    float: left;
    text-align: left;
    padding-top: 5px;
}
#searchField .top_tel p:nth-child(1){
    margin-bottom: 0;
}
#searchField .top_tel p:nth-child(2){
    font-size: 1.25em;
}


.search-icon {
    width: 42px;
    height: 30px;
    position: relative;
    margin: 0;
    border: none;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: url(../../images/layout/common/sprite.png) #d1d3d4;
    background: url(../../images/layout/common/sprite.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #8e9093), color-stop(1, #fff));
    background: url(../../images/layout/common/sprite.png), -ms-linear-gradient(bottom, #8e9093, #fff);
    background: url(../../images/layout/common/sprite.png), -moz-linear-gradient(center bottom, #8e9093 0, #fff 100%);
    background: url(../../images/layout/common/sprite.png), -o-linear-gradient(#fff, #8e9093);
    background-position: -265px 0 !important
}

.search-icon:active, .search-icon:hover {
    background: url(../../images/layout/common/sprite.png) #356fa3 !important;
    background-position: -265px 0 !important
}

.bold {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.content {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    height: 100%
}

#subHeader {
    width: 100%;
    min-height: 50px;
    background: #e9e9ea;
    display: block;
    padding: 5px 0
}

#ddlSubHead {
    display: none
}

#subHeadLinks {
    display: inline-block;
    width: 74%;
    padding: 10px 0 0 0
}

#subHeadLinks a.subHeadLink {
    color: #000;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: .9em
}

#subHeadLinks span.divider {
    color: #000;
    display: inline-block;
    margin: 0 1%
}

#searchField {
    float: right;
    width: 25%;
    vertical-align: middle;
    padding: 5px 0 0 0;
}

#btnSearch, #search {
    vertical-align: top;
}

#header {
    padding: 5px 0 0 0;
    width: 100%;
    display: block;
    clear: both;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 100ms;
    -moz-transition-property: 100ms;
    -o-transition-property: 100ms;
    -ms-transition-property: 100ms;
    transition-duration: 100ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#header.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #d1d3d4;
    -webkit-box-shadow: 0 0 18px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 18px 5px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 18px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 18px 5px rgba(0, 0, 0, .3)
}

#header.fixed #logo .logoImage, #header.fixed #logo .logoImageNoTL {
    width: 80%
}

#logo {
    display: inline-block;
    max-width: 425px
}

#logo .logoImage, #logo .logoImageNoTL {
    width: 100%;
    height: auto;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 100ms;
    -moz-transition-property: 100ms;
    -o-transition-property: 100ms;
    -ms-transition-property: 100ms;
    transition-duration: 100ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#logo .logoImageNoTL {
    display: none
}

#mobileMenuButton {
    display: none
}

#mobileCloseButton {
    display: none
}

#mainNavWrapper {
    width: 100%;
    margin: 0 auto;
    display: block
}

#mainNav {
    width: 100%;
    max-width: 960px;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

#mainNav li.mainNavMenuItem {
    list-style: none;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #000;
    margin: 0
}

#mainNav li.mainNavMenuItem:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #356fa3;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 100ms;
    -moz-transition-property: 100ms;
    -o-transition-property: 100ms;
    -ms-transition-property: 100ms;
    transition-duration: 100ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#mainNav li.mainNavMenuItem:last-child {
    border: none
}

#mainNav li.mainNavMenuItem a.mainNavMenuLink {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.05em;
    color: #000;
    padding: 5px 25px;
    height: 100%;
    width: 100%;
    display: inline-block;
    -webkit-transition: color 100ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: color 100ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: color 100ms cubic-bezier(.645, .045, .355, 1);
    transition: color 100ms cubic-bezier(.645, .045, .355, 1)
}

#mainNav li.mainNavMenuItem:active:before, #mainNav li.mainNavMenuItem:focus:before, #mainNav li.mainNavMenuItem:hover:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

#mainNav li.mainNavMenuItem:active a.mainNavMenuLink, #mainNav li.mainNavMenuItem:focus a.mainNavMenuLink, #mainNav li.mainNavMenuItem:hover a.mainNavMenuLink {
    color: #fff
}

ul.mainSubMenu {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 10;
    top: 100%;
    text-align: left;
    border: 1px solid #d1d3d4;
    display: none
}

ul.mainSubMenu li.mainSubMenuItem {
    width: 100%;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    display: block;
    position: relative;
    background: #e9e9ea;
    margin: 0;
    border-bottom: 1px dotted #d1d3d4;
    clear: both
}

ul.mainSubMenu li.mainSubMenuItem:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d1d3d4;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 150ms;
    -moz-transition-property: 150ms;
    -o-transition-property: 150ms;
    -ms-transition-property: 150ms;
    transition-duration: 150ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

ul.mainSubMenu li.mainSubMenuItem:last-child {
    border: none
}

ul.mainSubMenu li.mainSubMenuItem:active:before, ul.mainSubMenu li.mainSubMenuItem:focus:before, ul.mainSubMenu li.mainSubMenuItem:hover:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(1) div.secondarySubMenuContainer {
    top: 0
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(2) div.secondarySubMenuContainer {
    top: -40px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(3) div.secondarySubMenuContainer {
    top: -80px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(4) div.secondarySubMenuContainer {
    top: -120px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(5) div.secondarySubMenuContainer {
    top: -160px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(6) div.secondarySubMenuContainer {
    top: -200px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(7) div.secondarySubMenuContainer {
    top: -240px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(8) div.secondarySubMenuContainer {
    top: -280px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(9) div.secondarySubMenuContainer {
    top: -320px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(10) div.secondarySubMenuContainer {
    top: -360px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(11) div.secondarySubMenuContainer {
    top: -400px
}

ul.mainSubMenu li.mainSubMenuItem:nth-child(12) div.secondarySubMenuContainer {
    top: -440px
}

ul.mainSubMenu li.mainSubMenuItem a.mainSubMenuLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 2%;
    text-decoration: none !important;
    color: #000 !important
}

ul.mainSubMenu li.mainSubMenuItem a.mainSubMenuLink:after {
    float: right;
    content: "\e602";
    font-family: icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    color: #000
}

ul.mainSubMenu li.mainSubMenuItem.show {
    background: #fff
}

ul.mainSubMenu li.mainSubMenuItem.show div.secondarySubMenuContainer {
    display: block;
    position: absolute;
    z-index: 9999;
    right: 0
}

ul.mainSubMenu.show li.mainSubMenuItem a.mainSubMenuLink {
    width: 30%
}

ul.mainSubMenu.hide li.mainSubMenuItem a.mainSubMenuLink {
    width: 100%
}

ul.mainSubMenu.hide li.mainSubMenuItem div.secondarySubMenuContainer {
    display: none
}

.lte-ie9 ul.mainSubMenu li.mainSubMenuItem:active, .lte-ie9 ul.mainSubMenu li.mainSubMenuItem:focus, .lte-ie9 ul.mainSubMenu li.mainSubMenuItem:hover {
    background: #d1d3d4
}

.lte-ie9 ul.mainSubMenu.show li.mainSubMenuItem a.mainSubMenuLink {
    width: 50%
}

.lte-ie9 div.secondarySubMenuContainer {
    width: 50%
}

div.secondarySubMenuContainer {
    width: 70%;
    max-width: 700px;
    display: none;
    background: #fff;
    border: 1px dotted #d1d3d4;
    padding: 10px 2%;
    margin: 0;
    overflow-y: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: hidden
}

div.secondarySubMenuContainer::-webkit-scrollbar {
    -webkit-appearance: none
}

div.secondarySubMenuContainer::-webkit-scrollbar:vertical {
    width: 11px
}

div.secondarySubMenuContainer::-webkit-scrollbar:horizontal {
    height: 11px
}

div.secondarySubMenuContainer::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, .6)
}

div.secondarySubMenuContainer::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

ul.secondarySubMenu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

ul.secondarySubMenu li.secondarySubMenuItem {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    line-height: 2em
}

ul.secondarySubMenu li.secondarySubMenuItem.landingPage {
    display: none
}

ul.secondarySubMenu li.secondarySubMenuItem a.secondarySubMenuLink {
    font-weight: 700;
    line-height: 1em
}

#menu_BallastWaterTreatment, #menu_EnergyStorage, #menu_EnvironmentalAirTreatment, #menu_EnvironmentalWaterTreatment, #menu_FoodandBeverage, #menu_IndustrialProcesses, #menu_Medical, #menu_MercuryRemoval, #menu_MetalsRecovery, #menu_MunicipalWaterTreatment, #menu_PersonalProtectionEquipment, #menu_ResidentialPointofUseEntry {
    min-height: 480px
}

#menu_ActivatedCarbonCloth, #menu_PelletizedActivatedCarbon, #menu_Services, #menu_UVTechnologies {
    min-height: 400px
}

#menu_Applications div.secondarySubMenuContainer {
    max-height: 480px
}

#menu_Products div.secondarySubMenuContainer {
    max-height: 400px
}

ul.tertiarySubMenu {
    width: 100%;
    position: relative;
    display: block;
    list-style: none;
    padding: 0 0 0 4%;
    margin: 0
}

ul.tertiarySubMenu li.tertiarySubMenuItem {
    display: block;
    margin: 0;
    line-height: 2.1em
}

ul.tertiarySubMenu li.tertiarySubMenuItem.landingPage {
    display: none
}

ul.tertiarySubMenu li.tertiarySubMenuItem a.tertiarySubMenuLink {
    line-height: 1em
}

ul.quaterinarySubMenu {
    width: 100%;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 10%
}

ul.quaterinarySubMenu li.quaterinarySubMenuItem {
    margin: 0;
    line-height: 1.75em
}

ul.quaterinarySubMenu li.quaterinarySubMenuItem.landingPage {
    display: none
}

ul.quaterinarySubMenu li.quaterinarySubMenuItem a.quaterinarySubMenuLink {
    width: 100%;
    line-height: 1em
}

#mastHead {
    background: #e9e9ea;
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
    position: relative;
	width:100%
}

#mastHead .content {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 300px
}

#mastHeadImage {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    max-width: 1350px;
    z-index: 0
}

#mastHeadCopyContainer {
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    text-align: left;
    max-width: 300px;
    min-height: 300px;
    height: 300px;
    background: #002f5a;
    background: rgba(0, 47, 90, .8);
    z-index: 1
}

#mastHeadContent {
    display: table-cell;
    vertical-align: bottom
}

#mastHeadTitle {
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0
}

#mastHeadCopy {
    color: #fff !important;
    display: block;
    margin: 0;
    line-height: 1.2em !important
}

#mastHeadCopy a {
    color: #fff !important
}

#mainContent {
    display: block;
    padding: 0 2%
}

#mainContent.errorPage, #mainContent.searchPage {
    min-height: 360px
}

#mainCopy {
    margin: 20px 5% 0 0;
    display: block
}

#mainCopy.full {
    width: 100%
}

#contentColumn {
    display: inline-block;
    width: 65%;
    margin: 0 5% 0 0;
    vertical-align: top
}

#subCopy {
    display: block;
    padding: 0;
    margin: 0 0 15px 0
}

#featuredContent {
  /*  background: #e9e9ea;*/
    padding: 20px 2%;
    margin: 0 0 20px 0
}

.slideOut {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.slideOut.green {
    background: #c5e3a8
}

.slideOut.green:active, .slideOut.green:focus, .slideOut.green:hover {
    background: #9cad6f
}

.slideOut.blue {
    background: #8fc9e6
}

.slideOut.blue:active, .slideOut.blue:focus, .slideOut.blue:hover {
    background: #356fa3
}

.slideOut.yellow {
    background: #ffe988
}

.slideOut.yellow:active, .slideOut.yellow:focus, .slideOut.yellow:hover {
    background: #f9d01c
}

.slideOut .slideOutIcon {
    display: inline-block;
    width: 90%;
    -webkit-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.slideOut .slideOutIcon:hover {
    -webkit-opacity: .85;
    opacity: .85;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.slideOut .slideOutToolTip {
    padding: 2%;
    background: #517594;
    border: 1px solid #255e91;
    position: absolute;
    z-index: 10;
    width: 250px;
    height: auto;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-property: opacity, bottom;
    -moz-transition-property: opacity, bottom;
    -o-transition-property: opacity, bottom;
    -ms-transition-property: opacity, bottom;
    transition-property: opacity, bottom
}

.slideOut .slideOutToolTip.show {
    bottom: 15%;
    left: 103%;
    -webkit-opacity: 1;
    opacity: 1
}

.slideOut .slideOutToolTip.hide {
    bottom: 5%;
    left: 1000%;
    -webkit-opacity: 0;
    opacity: 0
}

.slideOut .slideOutToolTip .arrow {
    color: #517594;
    font-size: 1.75em;
    position: absolute;
    bottom: 0;
    right: 97%;
    z-index: 0;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.slideOut .slideOutToolTip .toolTipCopy {
    line-height: 1.1em;
    margin: 0;
    padding: 10px 0;
    color: #fff
}

#sideInfobar {
    width: 24%;
    max-width: 250px;
    position: relative;
    top: -20px;
    float: right;
    clear: right;
    background: #d1d3d4;
    vertical-align: top;
    margin: 0 0 10px 3%;
    padding: 2%;
    font-size: .8em
}

#sideInfobar .roundedHeading {
    margin: 0 !important
}

#sideInfobar .sideBarInfoGraphic {
    width: 100%;
    height: auto;
    border-left: 1px solid #356fa3;
    border-bottom: 1px solid #356fa3;
    border-right: 1px solid #356fa3;
    margin: 0 0 10px 0
}

#sideInfobar .button {
    font-size: 1.1em !important
}

#sideBar {
    width: 30%;
    display: inline-block;
    background: #f7f8f8;
    vertical-align: top;
    padding: 2%;
    border-top: 8px solid #255e91
}

#sideBar hr {
    color: #58595b;
    background: #58595b
}

#productValueTable {
    border-top: 1px solid #000
}

.table {
    display: table;
    width: 100%;
    max-width: 700px
}

.table .headerRow, .table .tableRow {
    display: table-row
}

.table .headerCell {
    display: table-cell;
    font-weight: 700 !important;
    width: 25%;
    padding: 1%;
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.7em;
    color: #000
}

.table .tableCell {
    display: table-cell;
    padding: 1%;
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.7em;
    color: #000
}

.table .tableCell p {
    margin: 0;
    padding: 0
}

.table .tableCell.tC_1 {
    padding-right: 20px;
    border-bottom: 1px solid #000;
    vertical-align: middle
}

.table .tableCell.tC_2 {
    width: 22%;
    border-bottom: 1px solid #000;
    vertical-align: middle
}

.table .tableCell.tC_3 {
    width: 65%;
    border-bottom: 1px solid #000;
    vertical-align: middle
}

.table .tableCell .flueGasIcon {
    width: 59px !important;
    height: 59px !important;
    max-width: 59px !important;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/cc/static/images/layout/flueGas/iconSprites.png)
}

.table .tableCell .flueGasIcon1 {
    background-position: 0 0
}

.table .tableCell .flueGasIcon2 {
    background-position: 0 -65px
}

.table .tableCell .flueGasIcon3 {
    background-position: 0 -130px
}

.table .tableCell .flueGasIcon4 {
    background-position: 0 -195px
}

.table .tableCell .flueGasIcon5 {
    background-position: 0 -260px
}

.table .tableCell .flueGasIcon6 {
    background-position: 0 -325px
}

.table .tableCell .flueGasIcon7 {
    background-position: 0 -390px
}

.table .tableCell .flueGasIcon8 {
    background-position: 0 -450px
}

#interactiveGuideSection {
    display: block
}

.interactiveGuideLink {
    display: block !important;
    max-width: 400px !important
}

#productSelection {
    clear: both
}

#productSelectionBox {
    display: block
}

#productSelectionHeader {
    display: block;
    padding: 10px;
    margin: 0;
    color: #fff;
    background: #808285;
    text-transform: uppercase
}

#categoryList {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    width: 100%;
    display: block
}

#categoryList .categoryListItem {
    display: block;
    width: 100%;
    background: #bec0c3;
    overflow: hidden;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #cecdcf;
    -webkit-transition-property: max-height;
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -ms-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 400ms;
    -moz-transition-property: 400ms;
    -o-transition-property: 400ms;
    -ms-transition-property: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#categoryList .categoryListItem.show {
    max-height: 9000px
}

#categoryList .categoryListItem.show .categoryListItemLink .collapseIcon:before {
    content: "\ea0b";
    display: inline-block
}

#categoryList .categoryListItem.hide {
    max-height: 38px
}

#categoryList .categoryListItem.hide .categoryListItemLink .collapseIcon:before {
    content: "\ea0a";
    display: inline-block
}

#categoryList .categoryListItem:active, #categoryList .categoryListItem:hover {
    background: #d1d3d4
}

#categoryList .categoryListItem .categoryListItemLink {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 38px;
    padding: 0 10px;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    display: block
}

#categoryList .categoryListItem .categoryListItemLink .collapseIcon {
    font-family: icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 10px 0 0;
    font-size: .9em
}

#categoryList .categoryListItem .categoryProductList {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    background: #e9e9ea
}

#categoryList .categoryListItem .categoryProductList .categoryProductListItem {
    background: #e9e9ea;
    position: relative;
    padding: 0;
    margin: 0;
    height: 38px;
    width: 100%;
    display: block
}

#categoryList .categoryListItem .categoryProductList .categoryProductListItem .categoryProductListItemLink {
    color: #000;
    position: absolute;
    line-height: 38px;
    padding: 0 40px;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    text-decoration: none
}

#categoryList .categoryListItem .categoryProductList .categoryProductListItem .categoryProductListItemLink:hover {
    background: #d1d3d4
}

#footer {
    width: 100%;
    clear: both;
    display: block;
    padding: 20px 0;
    background: #356fa3;
    color: #fff;
    border-top: 10px solid #255e91
}

#footerLinks {
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center
}

#footerLinks a.footerLink {
    color: #fff !important;
    text-transform: uppercase;
    margin: 0 3% 0 0
}

#footerLinks a.footerLink:last-child {
    margin: 0
}

#footerLegal {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 2% 0
}

#footerLegal .legalCopy {
    float: left;
    color: #fff
}

#footerLegal .socialMediaLinks {
    float: right;
    width: 40%;
    text-align: right
}

#footerLegal .socialMediaLinks a.socialMediaLink {
    display: inline-block;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    padding: 0 3%;
    margin: 0 2% 0 0
}

#footerLegal .socialMediaLinks a.socialMediaLink:last-child {
    margin: 0
}

#videoModal {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 350ms cubic-bezier(.77, 0, .175, 1);
    -moz-transition: opacity 350ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: opacity 350ms cubic-bezier(.77, 0, .175, 1);
    transition: opacity 350ms cubic-bezier(.77, 0, .175, 1)
}

#videoModal.show {
    display: block;
    -webkit-opacity: 1;
    opacity: 1
}

#videoModal.hide {
    display: none
}

#videoModalBackground {
    background: #000;
    -webkit-opacity: .7;
    opacity: .7;
    width: 100%;
    height: 100%;
    z-index: 0
}

#videoModalContent {
    position: fixed;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: auto;
    width: 100%;
    max-width: 700px;
    max-height: 480px;
    margin: -240px 0 0 -350px;
    left: 50%;
    top: 50%;
    z-index: 99999
}

.youtubeContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 75%
}

.youtubeContainer .youtube-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#videoIFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 480px;
    border: 0
}

#videoModalClose {
    color: #fff;
    text-decoration: none !important;
    background: #356fa3;
    text-align: center;
    padding: 10px;
    font-size: 1.25em;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    position: absolute;
    -webkit-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    -moz-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    transition: top 350ms cubic-bezier(.77, 0, .175, 1)
}

#videoModalClose:active, #videoModalClose:hover {
    background: #255e91
}

#videoModalClose.show {
    -webkit-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    -moz-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    -o-transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    transition: top 350ms cubic-bezier(.77, 0, .175, 1);
    top: -40px
}

#videoModalClose.hide {
    top: 0
}

#sideNavIP {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 20px 0;
    margin: 0 0 20px 0;
    background: #e9e9ea
}

#sideNavIP ul.sideNavItems {
    list-style: none;
    padding: 0
}

#sideNavIP ul.sideNavItems li.sideNavItem {
    list-style: none;
    padding: 0
}

#sideNavIP ul.sideNavItems li.sideNavItem a.sideNavLink {
    width: 100%;
    display: block;
    padding: 8px
}

#sideNavIP ul.sideNavItems li.sideNavItem a.sideNavLink:hover {
    background: #d1d3d4
}

#IPMenu {
    display: none
}

#mainCopyIP {
    width: 81% !important;
    display: inline-block;
    vertical-align: top;
    padding: 2%;
    margin: 0
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    #videoModalContent {
        padding-bottom: 40%;
        padding-top: 0;
        max-width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
        top: 40px !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    #videoModalContent {
        padding-bottom: 40%;
        padding-top: 0;
        max-width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
        top: 40px !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    #videoModalContent {
        padding-bottom: 40%;
        padding-top: 0;
        max-width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
        top: 40px !important
    }
}

@media screen and (max-width: 1100px) {
    #mastHeadImage {
        margin: 0;
        right: 0;
        left: auto
    }
}

@media screen and (min-width: 959px) {
    #mainNav.hide, #mainNav.show {
        display: block
    }


    #mainNav li.dividerItem {
        display: inline-block
    }

    #mainNav li.mainNavMenuItem:focus ul.mainSubMenu.hide, #mainNav li.mainNavMenuItem:hover ul.mainSubMenu.hide {
        display: block
    }

    #mainNav li.mainNavMenuItem:focus ul.mainSubMenu.show, #mainNav li.mainNavMenuItem:hover ul.mainSubMenu.show {
        display: block !important
    }
}

@media screen and (max-width: 959px) {
    #productSelectionBox, #subCopy {
        padding: 0 2%
    }

    #footerLegal {
        padding: 2%
    }
        #mainNav li.mainNavMenuItem a.mainNavMenuLink{
        padding: 5px 12px;
    }

    #sideInfobar {
        position: relative;
        left: 3%
    }

    #mainNav.hide, #mainNav.show {
        display: block
    }

    #mainNav li.dividerItem {
        display: inline-block
    }

    #mainNav li.mainNavMenuItem:focus ul.mainSubMenu.hide, #mainNav li.mainNavMenuItem:hover ul.mainSubMenu.hide {
        display: block
    }

    #mainNav li.mainNavMenuItem:focus ul.mainSubMenu.show, #mainNav li.mainNavMenuItem:hover ul.mainSubMenu.show {
        display: block !important
    }
}

@media screen and (min-width: 980px) {
    #internationalLinks {
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }
}

@media screen and (max-width: 980px) {
    #subHeadLinks {
        padding: 0 0 0 2%;
        line-height: 30px;
        width: 70%
    }

    #internationalLinks {
        display: none
    }

    #searchField {
        padding: 0;
        width: 30%
    }

    #interactiveGuideSection, .interactiveGuideLink {
        display: none
    }
}

@media screen and (max-width: 850px) {
    #mastHeadImage {
        right: auto;
        left: -40%
    }
}

@media screen and (max-width: 782px) {
    body .fixAdjust {
        padding: 100px 0 0 0
    }

    #header .fixed {
        top: 43px
    }

    ul.mainSubMenu.show li.mainSubMenuItem a.mainSubMenuLink {
        width: 50%
    }

    div.secondarySubMenuContainer {
        width: 50%
    }
}

@media screen and (max-width: 759px) {
    #subHeader {
        padding: 10px 0
    }

    #subHeadLinks {
        width: 45%
    }

    #searchField {
        width: 40%;
        padding: 5px 0 0 0
    }
}

@media screen and (max-width: 740px) {
    .button, button {
        min-height: 30px;
        line-height: 30px
    }

    #sideInfobar {
        width: 104%;
        max-width: 104%;
        display: block;
        float: none;
        clear: none;
        margin: 0 0 15px 0;
        font-size: 1em;
        text-align: center;
        top: 0;
        left: -2%
    }

    #sideInfobar .roundedHeading, #sideInfobar .sideBarInfoGraphic {
        display: none
    }

    #sideInfobar .button {
        display: inline-block;
        max-width: 185px;
        text-align: left;
        margin: 0 3% 15px 0
    }

    #sideInfobar .button:last-child {
        margin: 0
    }
}

@media screen and (max-width: 720px) {
    #mastHeadCopyContainer {
        max-width: 100%;
        padding: 2%
    }

    #mastHeadImage {
        left: -50%
    }

    #mainCopy {
        width: 100%
    }
}

@media screen and (max-width: 700px) {
    #videoModalContent {
        width: 100%;
        height: 480px;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -240px 0 0 0;
        background: #fff;
        z-index: 1
    }
}

@media screen and (max-width: 667px) {
    #subCopy {
        padding: 0 2%
    }

    .button, button {
        min-height: 30px;
        line-height: 30px;
        padding: 0 2%
    }
    

    #header.fixed #logo .logoImage, #header.fixed #logo .logoImageNoTL {
        width: 60%
    }

    /*#logo .logoImage, #logo .logoImageNoTL {*/
    /*    width: 70%*/
    /*}*/

    #mainNavWrapper {
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        top: 0;
        height: 100%;
        background: #d1d3d4;
        z-index: 999999;
        -webkit-transition: left 350ms cubic-bezier(.77, 0, .175, 1);
        -moz-transition: left 350ms cubic-bezier(.77, 0, .175, 1);
        -o-transition: left 350ms cubic-bezier(.77, 0, .175, 1);
        transition: left 350ms cubic-bezier(.77, 0, .175, 1)
    }

    #mainNavWrapper.show {
        left: 0
    }

    #mainNavWrapper.hide {
        left: -100%
    }

    .landingPage {
        display: block !important
    }

    #mainNav {
        display: block;
        width: 100% !important;
        margin: 40px 0
    }

    #mainNav li.mainNavMenuItem {
        width: 100% !important;
        display: block;
        border-right: none;
        border-bottom: 1px solid #000;
        margin: 0;
        padding: 0;
        background: #356fa3
    }

    #mainNav li.mainNavMenuItem:last-child {
        border-bottom: none
    }

    #mainNav li.mainNavMenuItem:before {
        display: none
    }

    #mainNav li.mainNavMenuItem:active, #mainNav li.mainNavMenuItem:focus, #mainNav li.mainNavMenuItem:hover {
        background: #255e91
    }

    #mainNav li.mainNavMenuItem:active:before, #mainNav li.mainNavMenuItem:focus:before, #mainNav li.mainNavMenuItem:hover:before {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    #mainNav li.mainNavMenuItem.hide a.mainNavMenuLink:after {
        content: "\ea0a"
    }

    #mainNav li.mainNavMenuItem.show a.mainNavMenuLink:after {
        content: "\ea0b"
    }

    #mainNav li.mainNavMenuItem a.mainNavMenuLink {
        padding: 0 0 0 2%;
        line-height: 40px;
        color: #fff;
        text-align: left
    }

    #mainNav li.mainNavMenuItem a.mainNavMenuLink:after {
        float: right;
        line-height: 40px !important;
        padding: 0 2% 0 0;
        color: #fff;
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    #menu_ActivatedCarbonCloth, #menu_BallastWaterTreatment, #menu_EnergyStorage, #menu_EnvironmentalAirTreatment, #menu_EnvironmentalWaterTreatment, #menu_FoodandBeverage, #menu_IndustrialProcesses, #menu_Medical, #menu_MercuryRemoval, #menu_MetalsRecovery, #menu_MunicipalWaterTreatment, #menu_PelletizedActivatedCarbon, #menu_PersonalProtectionEquipment, #menu_ResidentialPointofUseEntry, #menu_Services, #menu_UVTechnologies {
        min-height: 0 !important
    }

    ul.mainSubMenu {
        display: block;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        left: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none;
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -o-transition-property: max-height;
        -ms-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 400ms;
        -moz-transition-property: 400ms;
        -o-transition-property: 400ms;
        -ms-transition-property: 400ms;
        transition-duration: 400ms;
        -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        transition-timing-function: cubic-bezier(.645, .045, .355, 1)
    }

    ul.mainSubMenu.show {
        max-height: 4000px !important
    }

    ul.mainSubMenu.hide {
        max-height: 0 !important
    }

    ul.mainSubMenu li.mainSubMenuItem {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        display: block;
        line-height: 40px;
        border-right: none;
        border-bottom: 1px solid #000;
        margin: 0
    }

    ul.mainSubMenu li.mainSubMenuItem:last-child {
        border-bottom: none
    }

    ul.mainSubMenu li.mainSubMenuItem:active, ul.mainSubMenu li.mainSubMenuItem:focus, ul.mainSubMenu li.mainSubMenuItem:hover {
        background: #d1d3d4
    }

    ul.mainSubMenu li.mainSubMenuItem:active:before, ul.mainSubMenu li.mainSubMenuItem:focus:before, ul.mainSubMenu li.mainSubMenuItem:hover:before {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    ul.mainSubMenu li.mainSubMenuItem.landingPage {
        display: block
    }

    ul.mainSubMenu li.mainSubMenuItem.hide a.mainSubMenuLink:after {
        content: "\ea0a" !important
    }

    ul.mainSubMenu li.mainSubMenuItem.show a.mainSubMenuLink:after {
        content: "\ea0b" !important
    }

    ul.mainSubMenu li.mainSubMenuItem a.mainSubMenuLink {
        width: 100% !important;
        position: relative !important;
        display: block
    }

    ul.mainSubMenu li.mainSubMenuItem a.mainSubMenuLink:after {
        float: right;
        line-height: 40px !important;
        content: "\e602";
        color: #000;
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    div.secondarySubMenuContainer {
        top: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 100% !important;
        position: relative !important;
        overflow: auto !important;
        max-width: 100% !important
    }

    ul.secondarySubMenu {
        display: block;
        overflow: hidden;
        position: relative !important;
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -o-transition-property: max-height;
        -ms-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 400ms;
        -moz-transition-property: 400ms;
        -o-transition-property: 400ms;
        -ms-transition-property: 400ms;
        transition-duration: 400ms;
        -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        transition-timing-function: cubic-bezier(.645, .045, .355, 1)
    }

    ul.secondarySubMenu.show {
        max-height: 3000px !important
    }

    ul.secondarySubMenu.hide {
        max-height: 0 !important
    }

    ul.secondarySubMenu li.secondarySubMenuItem {
        width: 100% !important;
        display: block;
        line-height: 40px;
        border-right: none;
        border-bottom: 1px solid #000;
        margin: 0
    }

    ul.secondarySubMenu li.secondarySubMenuItem:last-child {
        border-bottom: none
    }

    ul.secondarySubMenu li.secondarySubMenuItem:active, ul.secondarySubMenu li.secondarySubMenuItem:focus, ul.secondarySubMenu li.secondarySubMenuItem:hover {
        background: #e9e9ea
    }

    ul.secondarySubMenu li.secondarySubMenuItem.landingPage {
        display: block
    }

    ul.secondarySubMenu li.secondarySubMenuItem.hide a.secondarySubMenuLink:after {
        content: "\ea0a" !important
    }

    ul.secondarySubMenu li.secondarySubMenuItem.show a.secondarySubMenuLink:after {
        content: "\ea0b" !important
    }

    ul.secondarySubMenu li.secondarySubMenuItem a.secondarySubMenuLink {
        width: 100% !important;
        position: relative !important;
        line-height: 40px;
        padding: 0 2%;
        display: block;
        font-weight: 300 !important;
        text-decoration: none !important;
        color: #000
    }

    ul.secondarySubMenu li.secondarySubMenuItem a.secondarySubMenuLink:after {
        float: right;
        line-height: 40px !important;
        content: "\e602";
        color: #000;
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    ul.tertiarySubMenu {
        display: block;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -o-transition-property: max-height;
        -ms-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 400ms;
        -moz-transition-property: 400ms;
        -o-transition-property: 400ms;
        -ms-transition-property: 400ms;
        transition-duration: 400ms;
        -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        transition-timing-function: cubic-bezier(.645, .045, .355, 1)
    }

    ul.tertiarySubMenu.show {
        max-height: 2000px !important
    }

    ul.tertiarySubMenu.hide {
        max-height: 0 !important
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem {
        width: 100% !important;
        display: block;
        line-height: 40px;
        border-right: none;
        border-bottom: 1px solid #000;
        margin: 0;
        background: #d1d3d4
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem:active, ul.tertiarySubMenu li.tertiarySubMenuItem:focus, ul.tertiarySubMenu li.tertiarySubMenuItem:hover {
        background: #e9e9ea
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem:last-child {
        border-bottom: none
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem.landingPage {
        display: block
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem.hide a.tertiarySubMenuLink:after {
        content: "\ea0a" !important
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem.show a.tertiarySubMenuLink:after {
        content: "\ea0b" !important
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem a.tertiarySubMenuLink {
        width: 100% !important;
        position: relative !important;
        line-height: 40px;
        padding: 0 2%;
        display: block;
        color: #000;
        text-decoration: none !important
    }

    ul.tertiarySubMenu li.tertiarySubMenuItem a.tertiarySubMenuLink:after {
        float: right;
        line-height: 40px !important;
        content: "\e602";
        color: #000;
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    ul.quaterinarySubMenu {
        display: block;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -o-transition-property: max-height;
        -ms-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 400ms;
        -moz-transition-property: 400ms;
        -o-transition-property: 400ms;
        -ms-transition-property: 400ms;
        transition-duration: 400ms;
        -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        transition-timing-function: cubic-bezier(.645, .045, .355, 1)
    }

    ul.quaterinarySubMenu.show {
        max-height: 1000px !important
    }

    ul.quaterinarySubMenu.hide {
        max-height: 0 !important
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem {
        width: 100% !important;
        display: block;
        line-height: 40px;
        border-right: none;
        border-bottom: 1px solid #000;
        margin: 0;
        background: #e9e9ea
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem:active, ul.quaterinarySubMenu li.quaterinarySubMenuItem:focus, ul.quaterinarySubMenu li.quaterinarySubMenuItem:hover {
        background: #fff
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem:active a.quaterinarySubMenuLink, ul.quaterinarySubMenu li.quaterinarySubMenuItem:focus a.quaterinarySubMenuLink, ul.quaterinarySubMenu li.quaterinarySubMenuItem:hover a.quaterinarySubMenuLink {
        color: #000
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem:last-child {
        border-bottom: none
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem.landingPage {
        display: block
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem a.quaterinarySubMenuLink {
        width: 100% !important;
        position: relative !important;
        line-height: 40px;
        padding: 0 2%;
        display: block;
        color: #000;
        text-decoration: none !important
    }

    ul.quaterinarySubMenu li.quaterinarySubMenuItem a.quaterinarySubMenuLink:after {
        float: right;
        line-height: 40px !important;
        color: #000;
        content: "\e602";
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    #sideNavIP {
        width: 104%;
        padding: 0;
        right: 2%;
        position: relative
    }

    #sideNavIP ul.sideNavItems {
        overflow: hidden;
        -webkit-transition-property: max-height;
        -moz-transition-property: max-height;
        -o-transition-property: max-height;
        -ms-transition-property: max-height;
        transition-property: max-height;
        -webkit-transition-duration: 400ms;
        -moz-transition-property: 400ms;
        -o-transition-property: 400ms;
        -ms-transition-property: 400ms;
        transition-duration: 400ms;
        -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
        transition-timing-function: cubic-bezier(.645, .045, .355, 1)
    }

    #sideNavIP ul.sideNavItems li.sideNavItem a.sideNavLink {
        text-align: center
    }

    #sideNavIP ul.sideNavItems.show {
        max-height: 3000px !important
    }

    #sideNavIP ul.sideNavItems.hide {
        max-height: 0 !important
    }

    #IPMenu {
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
        background: #356fa3;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 700;
        text-decoration: none !important
    }

    #IPMenu:before {
        float: left;
        line-height: 40px !important;
        color: #fff;
        padding: 0 0 0 2%;
        font-family: icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    #IPMenu:hover {
        background: #255e91
    }

    #IPMenu.hide:before {
        content: "\ea0a"
    }

    #IPMenu.show:before {
        content: "\ea0b"
    }

    #logo {
        width: 84%
    }

    #mobileMenuButton {
        display: inline-block;
        vertical-align: top;
        font-size: 2em;
        padding: 0;
        margin: 0 4% 0 2%;
        position: relative;
        text-align: center;
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-decoration: none !important
    }

    #mobileMenuButton:active, #mobileMenuButton:hover {
        background: #255e91;
        color: #fff
    }

    #mobileCloseButton {
        display: inline-block;
        position: absolute;
        cursor: pointer;
        z-index: 9999999;
        top: 0;
        right: 0;
        padding: 0;
        text-align: center;
        font-size: 1.5em;
        text-decoration: none;
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    #mobileCloseButton:active, #mobileCloseButton:hover {
        color: #356fa3;
        background: #fff
    }

    .slideOutToolTip.show {
        bottom: 105% !important;
        left: -35% !important
    }

    .slideOutToolTip.hide {
        bottom: 90% !important
    }

    .slideOutToolTip .arrow {
        bottom: 0 !important;
        top: 102% !important;
        right: 43% !important;
        -webkit-transform: rotate(90deg) !important;
        -moz-transform: rotate(90deg) !important;
        -o-transform: rotate(90deg) !important;
        -ms-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }
}

@media screen and (max-width: 653px) {
    #mastHeadImage {
        left: -70%
    }
}

@media screen and (max-width: 620px) {
    body.fixAdjust {
        padding: 68px 0 0 0
    }

    #subHeadLinks {
        display: none
    }

    #ddlSubHead {
        display: inline-block;
        width: 40%;
        margin: 0 0 0 2%
    }

    #searchField {
        width: 54%
    }
}

@media screen and (max-width: 575px) {
    #sideInfobar {
        font-size: .8em
    }

    #sideInfobar .button {
        max-width: 150px
    }

    .youtubeContainer {
        max-width: 100%
    }
}

@media screen and (max-width: 545px) {
    #mastHeadImage {
        left: -80%
    }

    #footerLinks {
        width: 45%;
        margin: 0 4% 0 0;
        padding: 0 0 0 2%;
        text-align: left;
        display: inline-block;
        vertical-align: top
    }

    #footerLinks a.footerLink {
        width: 100%;
        display: block;
        margin: 0 0 15px 0
    }

    #footerLegal {
        width: 48%;
        margin: 0;
        padding: 0 2% 0 0;
        display: inline-block;
        vertical-align: top
    }

    #footerLegal .socialMediaLinks {
        width: 100%
    }
}

@media screen and (max-width: 504px) {
    #sideInfobar {
        font-size: .9em
    }

    #sideInfobar .button {
        display: inline-block;
        max-width: 275px;
        width: 100%;
        margin: 0 0 10px 0
    }
}

@media screen and (max-width: 480px) {
    body.fixAdjust {
        padding: 66px 0 0 0
    }

    #mastHeadImage {
        left: -85%
    }

    #footerLinks {
        width: 40%;
        margin: 0 2% 0 0
    }

    #footerLegal {
        width: 55%
    }

    #logo {
        width: auto
    }

    .logoImage {
        display: none
    }

    .logoImageNoTL {
        display: inline-block !important;
        max-width: 180px
    }
}

@media screen and (max-width: 460px) {
    #ddlSubHead {
        display: block;
        max-width: 95%;
        width: 95%
    }

    #searchField {
        float: none;
        display: inline-block;
        margin: 0 0 0 2%;
        width: 100%
    }

    #search {
        width: 83%
    }
}

@media screen and (max-width: 430px) {
    #logo {
        padding: 0 2%
    }
}

@media screen and (max-width: 667px) and (min-width: 320px) {
    #mainCopyIP {
        width: 100% !important;
        padding: 0 !important
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.field {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
    vertical-align: top
}

.field.sm {
    width: 47%;
    display: inline-block
}

.field.sm.first {
    margin: 0 5% 0 0
}

.field input, .field select, .field textarea {
    width: 100%
}

select {
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #e8edef url(/wp-content/themes/cc/static/images/icons/dropdownArrow.png) center right no-repeat;
    cursor: pointer
}

.lte-ie9 select {
    background: #e8edef
}

select::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    select {
        background: #e8edef !important
    }
}

input, select {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    padding: 1%;
    height: 35px;
    border: 1px solid #c6dade;
    width: 100%;
    margin: 0 0 13px 0
}

input {
    background: #e8edef
}

textarea {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    resize: none;
    padding: 1%;
    min-height: 100px;
    background: #e8edef;
    border: 1px solid #c6dade;
    width: 100%;
    margin: 0 0 13px 0
}

.searchInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 80%;
    height: 30px;
    border: 1px solid #e9e9ea;
    margin: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

input[type=checkbox] {
    float: left;
    clear: both;
    width: auto;
    height: auto !important;
    margin: 0 2%;
    padding: 8px;
    background: #d8e7f3;
    border: 1px solid #c6dade;
    cursor: pointer;
    outline: 0;
    color: #c6dade;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

input[type=checkbox]:checked {
    background-color: #e8edef
}

.lte-ie9 input[type=checkbox] {
    padding: 0 !important;
    background: 0 0 !important;
    border: 1px solid #c6dade
}

label {
    display: block;
    font-size: 1em;
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: italic;
    margin: 0 0 3px 0
}

label.selectionLabel {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px 0;
    width: 88%
}

label.radioSectionHeading {
    margin: 0 0 10px 0 !important;
    display: block
}

label.radioLabel {
    font-family: newsGothic, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    margin: 0 0 8px 0;
    float: left;
    width: 85%;
    line-height: 1.3em !important
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

.invalid {
    border: 1px solid #ac1a2f !important
}

.formSummary {
    display: none;
    margin: 0 0 20px 0
}

.formSummary.success .heading {
    color: #9cad6f
}

.formSummary.error .heading {
    color: #ac1a2f
}

.formSummary .heading {
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0 0 5px 0
}

.formSummary .errorList {
    font-weight: 300;
    list-style-type: disc !important;
    margin: 0 0 0 4%
}

.formSummary .errorList li {
    background-image: none !important;
    color: #ac1a2f;
    padding: 0 !important
}

.loadingView {
    position: absolute;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.loadingView .spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    background: url(/wp-content/themes/global/static/images/icons/loader.gif) top left no-repeat
}

.loadingView .background {
    background: #fff;
    -webkit-opacity: .7;
    opacity: .7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.ie input[type=checkbox], .ie8 input[type=checkbox] {
    padding: 0 !important;
    border: 0 !important;
    margin: 0;
    background: #fff
}

.ie input[type=checkbox]:checked, .ie8 input[type=checkbox]:checked {
    background: 0 0 !important
}

.ie label, .ie8 label {
    width: 95% !important
}

.ie input[type=text], .ie input[type=password], .ie select, .ie8 input[type=text], .ie8 input[type=password], .ie8 select {
    height: 28px !important
}

.ie select, .ie8 select {
    background: 0 0;
    padding: 0 0 0 2% !important;
    border: 0;
    border-left: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
    border-right: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3
}

.button, button {
    color: #000 !important;
    padding: 7px 2%;
    margin: 0 0 10px 0;
    width: 100%;
    max-width: 200px;
    display: inline-block;
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    border: 1px solid #517594;
    outline: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    background: #fcfdfd;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bcd2dd), color-stop(1, #fdfefe));
    background: -ms-linear-gradient(bottom, #bcd2dd, #fdfefe);
    background: -moz-linear-gradient(center bottom, #bcd2dd 0, #fdfefe 100%);
    background: -o-linear-gradient(#fdfefe, #bcd2dd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#bcd2dd', GradientType=0)
}

.button.sm, button.sm {
    font-size: .9em;
    line-height: .9em;
    padding: 4px 2%;
    max-width: 135px !important
}

.button:hover, button:hover {
    background: #bcd2dd !important
}

.button .icon-right-arrow, button .icon-right-arrow {
    font-weight: 700;
    margin: 0 5px 0 0
}

.basicLandingSubPage {
    width: 33%;
    display: inline-block;
    padding: 1%;
    text-align: left;
    max-width: 280px;
    vertical-align: top
}

.basicLandingSubPage .basicLandingSubPageImageCont {
    overflow: hidden !important;
    max-height: 120px;
    border-bottom: 2px solid #356fa3;
    margin: 0 0 5px 0;
    background: transparent;
    -webkit-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.basicLandingSubPage .basicLandingSubPageImageCont:hover {
    background: #000
}

.basicLandingSubPage .basicLandingSubPageImage {
    width: 100%;
    height: auto;
    -webkit-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    transition: all 150ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.basicLandingSubPage .basicLandingSubPageImage:hover {
    -webkit-opacity: .75;
    opacity: .75;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.basicLandingSubPage .basicLandingSubPageLink {
    text-transform: uppercase;
    font-size: 1.1em;
    text-decoration: none;
    font-family: newsGothic, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.basicLandingSubPage .basicLandingSubPageTeaserCopy {
    margin: 0
}

@media screen and (max-width: 720px) {
    .basicLandingSubPage {
        width: 32%;
        text-align: left
    }
}

@media screen and (max-width: 660px) {
    .basicLandingSubPage {
        width: 45%;
        max-width: 300px
    }
}

@media screen and (max-width: 480px) {
    .basicLandingSubPage .basicLandingSubPageLink {
        font-size: 1em
    }
	.dajiake-erweima {
    position: absolute;
     top: 68%;
    right: 100px;
    display: inline-block;
    width:31%;
    }
}

@media screen and (max-width: 430px) {
    .basicLandingSubPage {
        width: 90%;
        max-width: 300px
    }
}

#appProductGrid {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #000
}

#appProductGrid .subPage {
    display: inline-block;
    position: relative;
    width: 32%;
    padding: 2%;
    border-right: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    text-align: center;
    vertical-align: top;
    min-height: 245px;
    max-height: 245px
}

#appProductGrid .subPage:nth-child(3n+3) {
    border-right: none
}

#appProductGrid .subPage .subPageLink {
    display: inline-block;
    width: 65%;
    max-width: 110px;
    margin: 0 0 6px 0
}

#appProductGrid .subPage .subPageLink .subPageIcon {
    width: 100%;
    height: auto;
    border-color: #d1d3d4;
    border-style: solid;
    border-width: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition-property: border-width;
    -moz-transition-property: border-width;
    -o-transition-property: border-width;
    -ms-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 200ms;
    -moz-transition-property: 200ms;
    -o-transition-property: 200ms;
    -ms-transition-property: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#appProductGrid .subPage .subPageLink .subPageIcon:active, #appProductGrid .subPage .subPageLink .subPageIcon:focus, #appProductGrid .subPage .subPageLink .subPageIcon:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

#appProductGrid .subPage .subPageHeading {
    font-size: 1em !important;
    color: #356fa3;
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 4px 0
}

#appProductGrid .subPage .subPageCopy {
    margin: 0
}

@media screen and (max-width: 959px) {
    #appProductGrid .subPage {
        min-height: 275px;
        max-height: 275px
    }
}

@media screen and (max-width: 744px) {
    #appProductGrid .subPage {
        width: 32%;
        min-height: 305px;
        max-height: 305px
    }
}

@media screen and (max-width: 630px) {
    #appProductGrid .subPage {
        width: 48%;
        min-height: 325px;
        max-height: 325px;
        border-right: 1px solid #d1d3d4 !important
    }

    #appProductGrid .subPage:nth-child(2n+2) {
        border-right: none !important
    }
}

@media screen and (max-width: 480px) {
    #appProductGrid .subPage {
        width: 100%;
        min-height: 100% !important;
        max-height: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #d1d3d4
    }
}

#subApplicationPages {
    display: block;
    margin: 15px 0
}

#subApplicationPages .subApplicationPage {
    display: inline-block;
    position: relative;
    width: 24%;
    max-width: 170px;
    padding: 2%;
    margin: 0 0 5px 0;
    text-align: center;
    vertical-align: top
}

#subApplicationPages .subApplicationPage .subApplicationIconLink {
    display: inline-block;
    width: 65%;
    margin: 0 0 6px 0
}

#subApplicationPages .subApplicationPage .subApplicationIconLink .subApplicationIcon {
    width: 100%;
    height: auto;
    border-color: #d1d3d4;
    border-style: solid;
    border-width: 0;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-transition-property: border-width;
    -moz-transition-property: border-width;
    -o-transition-property: border-width;
    -ms-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 200ms;
    -moz-transition-property: 200ms;
    -o-transition-property: 200ms;
    -ms-transition-property: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

#subApplicationPages .subApplicationPage .subApplicationIconLink .subApplicationIcon:active, #subApplicationPages .subApplicationPage .subApplicationIconLink .subApplicationIcon:focus, #subApplicationPages .subApplicationPage .subApplicationIconLink .subApplicationIcon:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

#subApplicationPages .subApplicationPage .subApplicationHeading {
    font-size: 1em !important;
    color: #356fa3;
    display: block;
    margin: 0 0 4px 0
}

#subApplicationPages .subApplicationPage .subApplicationCopy {
    font-size: .9em !important;
    line-height: 1.2em;
    margin: 0
}

@media screen and (max-width: 660px) {
    #subApplicationPages .subApplicationPage {
        width: 32%;
        max-width: 100%
    }
}

@media screen and (max-width: 510px) {
    #subApplicationPages {
        text-align: center
    }

    #subApplicationPages .subApplicationPage {
        width: 49%;
        max-width: 220px
    }
}

#subApplicationInfo {
    display: block;
    margin: 15px 0
}

#subApplicationInfo .subApplication {
    display: block;
    margin: 0 0 25px 0
}

#subApplicationInfo .subApplication .roundedHeading {
    margin: 0 0 8px 0
}

.product {
    margin: 0 0 25px 0
}

.product .productPageLink {
    font-size: 1.4em
}

.product .productPageModel {
    font-weight: 400 !important
}

#productList {
    margin: 0 0 30px 0
}

#videoSection {
    display: block;
    margin: 10px 0 20px 0
}

#videoSection .video {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    max-width: 150px;
    text-align: center;
    margin: 0 3% 0 0
}

#videoSection .video .videoLink {
    width: 100%;
    display: block;
    margin: 0 0 5px 0
}

#videoSection .video .videoThumb {
    display: block;
    width: 100%
}

#videoSection .video .videoThumb img {
    width: 85%;
    height: auto
}

#videoSection .video:last-child {
    margin: 0
}

.interiorPageToolTip {
    padding: 2%;
    background: #517594;
    border: 1px solid #255e91;
    position: absolute;
    z-index: 10;
    width: 250px;
    height: auto;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-property: opacity, bottom;
    -moz-transition-property: opacity, bottom;
    -o-transition-property: opacity, bottom;
    -ms-transition-property: opacity, bottom;
    transition-property: opacity, bottom
}

.interiorPageToolTip.show {
    bottom: 105% !important;
    left: -20% !important;
    -webkit-opacity: 1;
    opacity: 1
}

.interiorPageToolTip.hide {
    left: 1000%;
    bottom: 90% !important;
    -webkit-opacity: 0;
    opacity: 0
}

.interiorPageToolTip .arrow {
    color: #517594;
    font-size: 1.75em;
    position: absolute;
    z-index: 0;
    bottom: 0 !important;
    top: 102% !important;
    right: 43% !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

.interiorPageToolTip .toolTipCopy {
    line-height: 1.1em;
    margin: 0;
    padding: 10px 0;
    color: #fff
}

@media screen and (max-width: 720px) {
    .interiorPageToolTip.show {
        left: -23% !important
    }
}

@media screen and (max-width: 667px) {
    .interiorPageToolTip {
        width: 180px
    }

    .interiorPageToolTip.show {
        left: -8% !important
    }

    .interiorPageToolTip .arrow {
        right: 39% !important
    }
}

@media screen and (max-width: 660px) {
    .interiorPageToolTip {
        width: 210px
    }

    .interiorPageToolTip.show {
        left: 0 !important
    }

    .interiorPageToolTip .arrow {
        right: 41% !important
    }
}

@media screen and (max-width: 600px) {
    .interiorPageToolTip.show {
        left: -10% !important
    }

    .interiorPageToolTip .arrow {
        right: 39% !important
    }
}

@media screen and (max-width: 480px) {
    .interiorPageToolTip {
        width: 180px
    }

    .interiorPageToolTip.show {
        left: 10% !important
    }

    .interiorPageToolTip .arrow {
        right: 37% !important
    }
}

@media screen and (max-width: 420px) {
    .interiorPageToolTip.show {
        left: 5% !important
    }
}




/* @语言选择*/
.top_menu {
    display: inline-block;
    height: 41px;
    line-height: 41px;
	
}
.top_menu a{
	text-decoration: none;
}

.countrySelectorWrap {
    float: right;
    line-height: 46px;
    margin-right: 20px;
}

.countrySelectorWrap .countrySelector{
	text-decoration: none;
    position: relative;
    top: -3px;
}

@media screen and (max-width: 620px){
    .CountryText {
        display: none;
    }
    .top_menu {
        display: none;
    }

}

@media screen and (min-width:621px) and (max-width:800px){
    #searchField {
        position: absolute;
    top: 60px;
    z-index: 5;
    width: 56%;
    right: 35px;
    text-align: right;
    }
    #searchField form {
        display: inline-block;
        width: 65%;
        margin-left: 10px;
        vertical-align: top;
    }
    .top_menu {
        display: inline-block;
        height: 41px;
        line-height: 41px;
    }
}

@media screen and (min-width: 800px) {
    #searchField {
        position: absolute;
        top: 60px;
        z-index: 5;
        width: 56%;
        right: 35px;
        text-align: right;
    }
    #searchField form {
        display: inline-block;
        width: 55%;
        margin-left: 10px;
		margin-top: 4px;
        vertical-align: top;
    }
    .top_menu {
        display: inline-block;
        height: 41px;
        line-height: 41px;
    }

}

@media screen and (max-width: 667px){
    #searchField{
    top: 0;
    left: 10px;
    width: 75%;
}
#searchField .top_tel{
    padding-top: 0;
    margin-top: -8px;
}
#searchField .top_tel p{
    line-height: 18px;
}
}
@media screen and (max-width: 620px){
    .logoImageNoTL{
        display: inline-block !important;
    }
    .logoImage{
        display: none;
    }
    #searchField .top_tel{
        display: none;
    }
    #searchField{
        width: 100%;
        padding-left: 10px;
    }
}