@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic);
@media Screen {
/* floats & position*/
.rel{position:relative;}
.abs{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.cf:before, .cf:after{content: " "; display: table; clear: both;}
.cf { *zoom: 1;}
.on{display: block !important;}
.off{display: none !important;}

/* columns widths */
.css-up *[class*=w-]{float:left; position: relative;}
.css-up .w-25{width:25% !important;}
.css-up .w-33{width:33.33% !important;}
.css-up .w-50{width:50% !important;}
.css-up .w-66{width:66.66% !important;}
.css-up .w-75{width:75% !important;}
.css-up .w-100{width:100% !important;}

.css-up {z-index: 100;}

.css-up *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.css-up *{font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; outline: 0; border: 0; vertical-align: baseline;}
:focus{outline: 0;}

.css-up .mrt{margin-top: 5px;}
.css-up .pd{padding:18px 15px;}
.css-up .che{border-radius: 5px;}
.css-up .che-left{border-radius: 5px 0 0 5px;}
.css-up .che-right{border-radius: 0 5px 5px 0;}

.css-up .corn{position: relative;}
.css-up .corn .cc{position: absolute; z-index: 200; background-color: inherit; width: 30px; height: 30px; border:solid 5px #FFF; border-radius:0 10px;
border-right-color:rgba(0,0,0,0); border-top-color:rgba(0,0,0,0); left:50px; top:100%; margin-top: -15px;
-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.css-up .mrb{margin-bottom: 5px;}
.css-up h2{font:normal 20px 'Roboto Condensed', arial; line-height: 20px; padding:3px 0; color: inherit; }

.css-up .bg-01{background:#e6f1f6 !important; color:#006d55 !important;}
.css-up .bg-02{background:#a9e5be !important; color:#008266 !important;}
.css-up .bg-03{background:#f8e982 !important; color:#896311 !important;}
.css-up .bg-04{background:#fd9a94 !important; color:#914a4a !important;}
.css-up .bg-00{background:#e2e2e2 !important; color:#565656 !important;}

.css-up .ibg-02{background:#a9e5be url(/resources/img/icon-set.png) right 10px no-repeat; color:#008266 !important; }
.css-up .ibg-03{background:#f8e982 url(/resources/img/icon-set.png) right -90px no-repeat; color:#896311 !important; }
.css-up .ibg-04{background:#fd9a94 url(/resources/img/icon-set.png) right -190px no-repeat; color:#914a4a !important; }
.css-up .ibg-00{background:#e2e2e2 url(/resources/img/icon-set.png) right -290px no-repeat; color:#565656 !important; }

.css-up .flr-show{cursor: pointer; background:url(/resources/img/cssnew-arr.png) right top no-repeat;}
.css-up .flr-hide span{border:none !important;}

.css-up .pnt{float:left; width: 25%; border-left:solid 1px #FFF; position: relative;}
.css-up .pnt:first-child{border:none; border-radius: 5px 0 0 5px;}
.css-up .pnt:last-child{border-radius: 0 5px 5px 0;}
.css-up .pnt-note{padding:32px 10px 6px 18px; font-size:11px; line-height: 14px; min-height: 78px;}
.css-up .pnt-note h3{font: bold 24px arial; line-height: 24px; color:#555; margin-top:-24px;}
.css-up .pnt span{display: block; border-top: solid 1px #FFF; background: #2ca88d; color:#FFF; text-align: right;}
.css-up .pnt:first-child span{border-radius: 0 0 0 5px;}
.css-up .pnt:last-child span{border-radius: 0 0 5px 0; }
.css-up .pnt span *{display: inline-block; font:normal 11px arial; line-height: 24px; color:inherit; border-left:solid 1px #FFF; padding:0 5px 0 6px;}
.css-up .pnt span *:first-child{border:none;}
.css-up .w-33 span *{padding:0 16px 0 17px;}
.css-up .w-50 span *, .css-up .w-66 span *, .css-up .w-100 span *, .css-up .w-75 span *{width:33.33%; text-align: center;}

.css-up .to-right em{position: absolute; z-index: 200; display: block; background-color: inherit; width: 20px; height: 20px; border:solid 2px #FFF; border-radius:0 5px;
border-left-color:rgba(0,0,0,0); border-bottom-color:rgba(0,0,0,0); right:0; top:30px; margin-right: -10px;
-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.css-up .bg-02 .flr-show{background-position: right -25px;}
.css-up .bg-02 .flr-hide{background-position: right top;}
.css-up .bg-02 .flr-show span{border-bottom: dashed 1px #008266;}
.css-up .bg-03 .flr-show{background-position: right -75px;}
.css-up .bg-03 .flr-hide{background-position: right -50px;}
.css-up .bg-03 .flr-show span{border-bottom: dashed 1px #896311;}
.css-up .bg-04 .flr-show{background-position: right -125px;}
.css-up .bg-04 .flr-hide{background-position: right -100px;}
.css-up .bg-04 .flr-show span{border-bottom: dashed 1px #914a4a;}


/* styles for custom select */
.css-up .selector-fix{padding:0; line-height: 37px; margin-right:4px;}
.css-up select{position:relative; cursor:pointer; opacity:0; margin:0 0 0 -1px; padding:0; border:none; outline: none;}

.css-up .sel-cust{position:relative; vertical-align: top; display: inline-block; height:39px; background: #FFF url(/resources/img/selector.png) right 0 no-repeat; border: solid 1px #dae6de;}
.css-up .sel-cust *{width: inherit; height:37px; font: normal 20px 'Roboto Condensed',arial; line-height: 37px; color:#555; overflow: hidden; padding-right:25px;}
.css-up .sel-cust b{position: absolute; display:inline-block; left:4px; top:0; }

.css-up .sel-w1, .css-up .sel-w1 select{width: 470px;}
.css-up .sel-w2, .css-up .sel-w2 select{width: 150px;}

.css-up .sel-c1{background-position: right 0; }
.css-up .sel-c2{background-position: right -37px; }
.css-up .sel-c3{background-position: right -74px; }
.css-up .sel-c4{background-position: right -111px; }
.css-up .sel-c5{background-position: right -148px; }
.css-up .sel-c6{background-position: right -185px; }

/* update 07.04.2016 */
.css-up .tags-inline{font-size: -1px; line-height: 0; vertical-align: top; white-space: nowrap; letter-spacing: -0.3em;}
.css-up .tags-inline > *{display: inline-block; font-size: inherit; line-height: 1em; vertical-align: top; white-space: normal; letter-spacing: normal;}

.css-up .tags-inline.amiddle > *{vertical-align: middle;}
.css-up .tags-inline.amiddle:after{ content: " "; display: inline-block; width: 0px; font-size: 0px; height: inherit; vertical-align: middle;}

.css-up .d-block{display: block;}
.css-up .d-inline{display: inline-block;}


/* add for lifeCycle */
.nz-title{font-size: 0; vertical-align: top;}
.nz-title > *{display: inline-block; vertical-align: top; height: 64px;}
.nz-title span.ttl{width: 62%; background-color: #e6f1f6; color:#007360; border-radius: 5px 0 0 5px; padding:0 20px;}
.nz-title span.ttl *{font: normal 20px 'Roboto Condensed', arial; line-height: 1.1;}
.nz-title span.flr-show{width: 38%; background-color: #d6ede8; color:#007360; font: normal 18px 'Roboto Condensed',arial; line-height: 1.2; border-radius: 0 5px 5px 0; padding:0 10px 0 10px; }
.nz-title span.flr-show > span{padding:10px; width:85%; white-space:nowrap; overflow-x: hidden;}
.nz-title span.flr-show > span *{vertical-align: middle; padding:3px 0;}
.nz-title span.flr-show > span small{font:normal 12px arial; }
.nz-title span.flr-show > span i{display: inline-block; width: 20px; height: 20px; margin-right:10px; background: url(/resources/img/iset-001-sm.png) center top no-repeat; background-size: 100% auto;}

.nz-title span.flr-show > sup{width: 15%; height: 18px; padding:0; background: url(/resources/img/iset-00a.png) center top no-repeat;}
.nz-title span.flr-hide > sup{background-position: center -18px;}

.nz-title span.flr-show.bg-yellow > sup{background-position: center -36px;}
.nz-title span.flr-hide.bg-yellow > sup{background-position: center -54px;}
.nz-title span.flr-show.bg-blue > sup{background-position: center -72px;}
.nz-title span.flr-hide.bg-blue > sup{background-position: center -90px;}
.nz-title span.flr-show.bg-pink > sup{background-position: center -108px;}
.nz-title span.flr-hide.bg-pink > sup{background-position: center -126px;}
.nz-title span.flr-show.bg-gray > sup{background-position: center -144px;}
.nz-title span.flr-hide.bg-gray > sup{background-position: center -162px;}

/* .nz-title span.tt-icon.ic-01 i{background-position: center 0;} */
/* .nz-title span.tt-icon.ic-02 i{background-position: center 25%;} */
/* .nz-title span.tt-icon.ic-03 i{background-position: center 75%;} */
/* .nz-title span.tt-icon.ic-05 i{background-position: center 100%;} */
/* .nz-title span.tt-icon.ic-04 i{background-position: center 50%;} */

.nz-title span.tt-icon.ic-01 i{background-position: center 0;}
.nz-title span.tt-icon.ic-02 i{background-position: center -20px;}
.nz-title span.tt-icon.ic-03 i{background-position: center -98px;}
.nz-title span.tt-icon.ic-05 i{background-position: center -79px;}
.nz-title span.tt-icon.ic-04 i{background-position: center -40px;}

.tt-icon.bg-green{background:#d6ede8 !important; color:#007360 !important;}
.tt-icon.bg-yellow{background:#f8e17d !important; color:#886311 !important;}
/* .tt-icon.bg-pink{background:#e8cfd2 !important; color:#994f6a !important;} */
.tt-icon.bg-pink{background:#e5e6e7 !important; color:#5b5b5b !important;}
.tt-icon.bg-gray{background:#e5e6e7 !important; color:#5b5b5b !important;}
.tt-icon.bg-blue{background:#c7e8ea !important; color:#5c8489 !important;}

.nz-info{font-size: 0;}
.nz-info > div{display: inline-block; width: 20%; margin: 2px 0 0 2px; border:solid 1px #e5e6e7; padding:12px 8px; font: normal 13px arial; text-align: center; vertical-align: top; height: 130px;}
.nz-info > .nz-rem{width: 38.62%; border: none;}
.nz-info > .nz-wmax{width: 60.5%;}
.nz-info .bg-green{background-color: #d6ede8;}
.nz-info .bg-yellow{background-color: #f8e17d;}
/* .nz-info .bg-pink{background-color: #e8cfd2;} */
.nz-info .bg-pink{background-color: #e5e6e7;}
.nz-info .bg-gray{background-color: #e5e6e7;}
.nz-info .bg-blue{background-color: #c7e8ea;}

.nz-info a.nwppp{text-decoration: none !important;}

.nz-info > .nz-rem{cursor: pointer;}    
.nz-info > .nz-rem > div{display: inline-block; width: 48%; line-height: 1.3; vertical-align: top;}
.nz-info > .nz-rem > *:first-child{text-align: left; width: 50%; padding-right:0;}
.nz-info > .nz-rem h3{font:bold 18px 'Roboto Condensed',arial;}
.nz-info > .nz-rem h4{font:normal 20px 'Roboto Condensed',arial;}
.nz-info > .nz-rem small{display: block; font-size: 12px;}

.nz-info > .nz-rem.bg-green *{color:#007360;}
.nz-info > .nz-rem.bg-yellow *{color:#886311;}
/* .nz-info > .nz-rem.bg-pink *{color:#994f6a;} */
.nz-info > .nz-rem.bg-pink *{color:#5b5b5b;}
.nz-info > .nz-rem.bg-gray *{color:#5b5b5b;}
.nz-info > .nz-rem.bg-blue *{color:#5c8489;}

.nz-info > .nz-rem > div:first-child * {color:#5b5b5b;}


.nz-info .nz-rem .nz-iset-001{display: block; width: 60px; height: 50px; margin: 0 auto 1px; background: url(/resources/img/iset-001.png) center top no-repeat;}
.nz-info .nz-rem i.icon-01{background-position: center 0;}
.nz-info .nz-rem i.icon-02{background-position: center -50px;}
/* .nz-info .nz-rem i.icon-03{background-position: center -150px;} */
.nz-info .nz-rem i.icon-03{background-position: center -250px;}
.nz-info .nz-rem i.icon-05{background-position: center -200px;}
.nz-info .nz-rem i.icon-04{background-position: center -100px;}

.nz-info > .nz-stat small{display: block; font-size: 12px;}
.nz-info .nz-stat .nz-iset-002{display: block; width: 54px; height: 45px; margin: 2px auto 3px; background: url(/resources/img/iset-002.png) center top no-repeat;}
.nz-info .nz-stat i.icon-01{background-position: center 0;}
.nz-info .nz-stat i.icon-02{background-position: center -44px;}
.nz-info .nz-stat i.icon-03{background-position: center -135px;}
.nz-info .nz-stat i.icon-05{background-position: center -180px;}
.nz-info .nz-stat i.icon-04{background-position: center -90px;}
.nz-info .nz-stat i.icon-06{background-position: center -225px;}
.nz-info .nz-w2 {width: 40.3%;}

/* add popup */
.nw-ppp{width: 980px; background-color: #fff;}
.nw-ppp .cnt{padding:30px 40px;}
.nw-ppp a.fb_close{display: block; text-decoration: none; position: absolute; top:15px; right: 15px; width: 20px; height: 20px; background: url(/resources/img/icon-pp-close.png) center center no-repeat;}
.nw-ppp .acenter{text-align: center;}
.nw-ppp .tbl-pp{width: 100%;}
.nw-ppp .tbl-pp td{text-align: center; padding-top:20px; vertical-align: middle; font:bold 12px arial;}
.nw-ppp .tbl-pp td.super-w{width:120px;}
.nw-ppp .tbl-pp td:first-child{text-align: left; font-weight:normal; line-height: 1.5em !important;}

a.nwppp strong, a.nwppp small{color: #5b5b5b;} 
}