*, *::after, *::before { box-sizing: border-box; }
body {  color: #2e3233; background-color:#fff; }
a { color: #69aa6f; text-decoration: none; }
img { /* make images responsive */ max-width: 100%; }
input { font-family: sans-serif; font-size: 1.6rem; }

.cd-main-content, .cd-main-header { /* -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;*/  }
.cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cd-main-header { height: 197px; background: #ffffff; z-index: 3; }

.cd-header-buttons li { display: inline-block; }
.cd-nav-trigger { position: relative; width: 4rem; height: 4rem; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent; z-index: 3; display:flex; justify-content:center; align-items:center }
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height:.2rem; width: 1.5rem; background: #2e3233; }
.cd-nav-trigger span { /* line in the center */ position: absolute; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; }
.cd-nav-trigger span::before, .cd-nav-trigger span::after { /* other 2 lines */ content: ''; /* Force Hardware Acceleration in WebKit */ transform: translateZ(0);  backface-visibility: hidden; right: 0; transform-origin: 0% 50%; transition: transform 0.3s 0.3s; }

.cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(46, 50, 51, 0); }
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: #2e3233; }
.cd-nav-trigger.nav-is-visible span::before {  transform: translateX(.5rem) translateY(-.5rem) rotate(45deg); }
.cd-nav-trigger.nav-is-visible span::after {transform: translateX(.5rem) translateY(0) rotate(-45deg); }
@media only screen and (max-width: 1169px) {
.cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; width: 50%; background: #2e3233; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
}

.cd-primary-nav ul { width:100%;}
.cd-primary-nav a, .cd-primary-nav ul a { display: block; height: 4rem; line-height: 4rem; padding: 0 1rem; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; font-size:1.2rem }
.cd-primary-nav a:hover { color:#fff;}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { /* secondary navigations hidden by default */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-primary-nav ul a:hover { background:rgba(0,0,0,0.2)}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

.cd-main-content { background: #fff; min-height: 100vh; z-index: 2; }

.has-children > a, .go-back a { position: relative; }
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.has-children > a { padding-right: 40px; }
.has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; }
.cd-primary-nav .go-back a { padding-left: 40px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; }

.cd-overlay { /* shadow layer visible when navigation is active */ position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(2, 125, 225, 0.4); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.cd-overlay.is-visible { opacity: 1; visibility: visible;  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }
@media only screen and (min-width: 1170px) {
.cd-main-header { height: 197px; }
.cd-main-header .box { height: 197px; }
.cd-main-header::after { clear: both; content: ""; display: table; }
.cd-logo { width: auto; float: left; margin-top: 25px; margin-right:40px; }
.cd-logo img { display: block; }
.cd-main-header span { float: left; margin-top: 30px; }
.cd-main-header span a { margin-left: 5px; }
.cd-logo { top: 26px; left: 4em; }
.cd-header-buttons { top: 18px; right: 4em; }
.cd-nav-trigger { display: none; }
.cd-nav { width:100%; height:55px; position:absolute; left:0; top:142px; background:#027bc7}
.cd-primary-nav a, .cd-primary-nav ul a { color: #fff; font-size:14px; }
.cd-primary-nav, .cd-primary-nav ul { height: auto; }
.cd-primary-nav { width: 1200px; font-size: 15px; overflow: visible; margin: 0 auto; height: 61px; text-align: center; display: flex; display: -moz-box; /* 兼容Firefox */ display: -webkit-box; /* 兼容Chrome、Safari */ -webkit-justify-content: center; justify-content: center; -moz-box-pack: center; -webkit--moz-box-pack: center; box-pack: center;  }
.cd-primary-nav::after { clear: both; content: ""; display: table; }
.cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; }
.cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cd-primary-nav ul.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.cd-primary-nav > li { text-align: center; position: relative; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-flex: 1; color: #fff; }
.cd-primary-nav > li > a { /* main navigation buttons style */ position: relative; display: inline-block; height: 61px; line-height: 55px; padding: 0; color: #fff; overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s; width: 100%; transition: all 0.3s }
#line { width: 2px; height: 55px; border-left:1px solid #0286d9; border-right:1px solid #026cad }

.cd-primary-nav > li > a:hover { color: #fff; background:url(../images/webpic/nav_hover.png) center bottom no-repeat; }
.cd-primary-nav > li > a.selected { color: #fff; background:url(../images/webpic/nav_hover.png) center bottom no-repeat;  }
.cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; }
.cd-primary-nav .cd-nav-icons { /* dropdown menu style */ position: absolute; top: 48px; width: 100%; background:rgba(0,0,0,0.3); padding:;
-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table; color: #333 }
.cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-primary-nav .cd-nav-icons > .see-all { /* this is the BIG See all button at the bottom of the dropdown menu */ display: none; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; /* reset some inherited style */ margin: 0; padding: 0;}
.cd-primary-nav .cd-nav-icons > .see-all a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 80px; border-top: 1px solid #e2e3df; /* reset some inherited style */ border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s; -moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; }
.cd-primary-nav .cd-nav-icons > .see-all a:hover { background: #2e3233; border-color: #2e3233; color: #ffffff; }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; }
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f; }
.has-children > a::before, .has-children > a::after { right: 15%; }
.cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */ padding-right: 30px !important; }
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
.cd-primary-nav > .has-children > a::before { right: 25px; }
.cd-primary-nav > .has-children > a::after { right: 20px; }
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
.cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); }
.cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */ display: none; }
.cd-primary-nav .go-back a { padding-left: 20px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; }
}

@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.nav-is-fixed .cd-main-header { /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */ position: fixed; top: 0; left: 0; width: 100%; }
.cd-main-header { height: 4rem; background: #ffffff; z-index: 3; box-shadow:0px 2px 5px rgba(0,0,0,0.2);}

.cd-primary-nav { /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */ visibility: hidden; -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; }
.cd-primary-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; transition: visibility 0s 0s; }
.cd-primary-nav, .cd-primary-nav ul { height: 100%; }

.cd-logo { margin-left:1rem;}
.cd-logo img { height:3rem}
.cd-main-header .box { display:flex; justify-content:space-between; align-items:center; height:4rem;}
.cd-nav-trigger { display: block; }
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; }
.cd-primary-nav a, .cd-primary-nav ul a { border-bottom:1px solid #3a3f40;}
.cd-primary-nav a:hover, .cd-primary-nav ul a:hover { background:rgba(0,0,0,0.2)}
.cd-primary-nav .see-all a { /* different style for the See all button on mobile and tablet */ color: #fff; }
.cd-overlay.is-visible { -webkit-transform: translateX(-50%);  transform: translateX(-50%); }
}
.easyPieChart { color:#222}

.cd-search-trigger, .cd-nav-trigger { position: relative; display: block; width: 2rem; height: 2rem; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent; z-index: 3;  display:flex; justify-content:center; margin:0 .5rem 0 0 }
.cd-search-trigger::before, .cd-search-trigger::after { /* search icon */ content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cd-search-trigger::before { /* lens */ width: 1.5rem; height: 1.5rem; border-radius: 50%; border: .2rem solid #2e3233; top:.2rem }
.cd-search-trigger::after { /* handle */ height: .2rem; width: .6rem; background: #2e3233; bottom:.3rem; right:.1rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-search-trigger span { /* container for the X icon */ position: absolute;width: 2rem; height: 2rem; display:flex; justify-content:center; align-items:center;}
.cd-search-trigger span::before, .cd-search-trigger span::after { /* close icon */ content: ''; position: absolute; display: inline-block; height: .2rem; width: 1.8rem;background: #2e3233; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.cd-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { /* hide search icon */ opacity: 0; }
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { /* show close icon */ opacity: 1; }
.cd-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.cd-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height:.2rem; width: 1.5rem; background: #2e3233; }
.cd-nav-trigger span { /* line in the center */ position: absolute; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { /* other 2 lines */ content: ''; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 0; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s;  }
.cd-nav-trigger span::before { /* menu icon top line */ top: -.6rem; }
.cd-nav-trigger span::after { /* menu icon bottom line */ bottom: -.6rem; }
.cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(46, 50, 51, 0); }
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: #2e3233; }
.cd-nav-trigger.nav-is-visible span::before { transform: translateX(.4rem) translateY(.0rem) rotate(45deg); width:1.7rem }
.cd-nav-trigger.nav-is-visible span::after {transform: translateX(.4rem) translateY(.0rem) rotate(-45deg); width:1.7rem }


@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; }
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f; }
}
.has-children > a { padding-right: 40px; }
.has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; }
.cd-primary-nav .go-back a { padding-left: 40px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; }

@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after { right: 15%; }
.cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */ padding-right: 30px !important; }
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
.cd-primary-nav > .has-children > a::before { right: 12px; }
.cd-primary-nav > .has-children > a::after { right: 7px; }
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
.cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); }
.cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */ display: none; }
.cd-primary-nav .go-back a { padding-left: 20px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; }
}
.cd-search { position: absolute; height:5rem; width: 100%; top: 4rem; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;  overflow:hidden; background:rgba(0,0,0,.6);display:flex; justify-content:center; align-items:center; }
.cd-search form { height: 3rem; width: 90%; border-radius:3rem; display:flex; justify-content:center; align-items:center; background:#fff; }
.cd-search input[type=text] { border: none; background:none; height:3rem; width:95%; padding: 0 5%; }
.cd-search input[type=submit] {
background: url(../images/webpic/serach2.png) center center no-repeat; border:none; width:3rem; height: 3rem; cursor: pointer; margin-right:1rem}
.cd-search input::-webkit-input-placeholder {
 color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
 color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
 color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
 color: #c9cbc4;
}
.cd-search input:focus { outline: none; }
.cd-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.nav-is-fixed .cd-search { position: fixed; }

@media only screen and (min-width: 1170px) {
.cd-search { height: 170px; top: 80px; }
.cd-search input { padding: 0 2em; font-size: 3.2rem; font-weight: 300; }
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.nav-on-left .cd-overlay.is-visible { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}