@charset utf-8;
body{font-family:Arial, Helvetica, sans-serif;font-size:12px}
.bj-typo-head{background:url(../images/typo/typo-bg-head.png) no-repeat right center #e24b2d;width:auto;color:#fff;text-transform:uppercase;height:17px;display:inline-block;font-weight:700;line-height:18px;padding:0 20px 2px 10px}
.bj-typo-tags{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e7e7e7;clear:both}
.bj-typo-tags:first-child{margin-top:0}
.bj-typo-text{width:100%;display:inline-block}
.bj-typo-text h1{font-size:24px;font-weight:400;text-transform:uppercase;color:#333;font-family:Gillsan;line-height:28px;margin:5px 0}
.bj-typo-text h2{font-size:21px;font-weight:400;text-transform:uppercase;color:#333;font-family:Gillsan;line-height:24px;margin:5px 0}
.bj-typo-text h3{font-size:19px;font-weight:400;text-transform:uppercase;color:#333;font-family:Gillsan;line-height:22px;margin:5px 0}
.bj-typo-text h4{font-size:18px;font-weight:400;text-transform:uppercase;color:#333;font-family:Gillsan;line-height:21px;margin:5px 0}
.bj-typo-text h5{font-size:16px;font-weight:400;text-transform:uppercase;color:#333;font-family:Gillsan;line-height:20px;margin:5px 0}
.text-column{margin-top:30px;display:inline-block;width:100%}
.text-column .title{color:#333;font-family:Gillsan;font-size:13px;text-transform:uppercase;font-weight:700;margin-bottom:10px;line-height:16px}
.text-column .text,.text-double{color:#4b4b4b;line-height:20px}
.two-column{float:left;width:50%}
.three-column .column1{margin-right:15px}
.three-column .column3{margin-left:15px}
.three-column{float:left;width:33%}
.three-column .column2{margin:0 5px}
.bj-typo-head-side{font-family:Gillsan;color:#333;font-size:16px;text-transform:uppercase;font-weight:700;display:inline-block;margin:20px 0 10px}
.source-code{background:#ffd;border:1px solid #ccc;color:#4b4b4b;line-height:20px;padding:15px}
.use-button{height:20px;background:url(../images/typo/typo-bg-use.png) no-repeat right center #7b7b7b;color:#fff;text-transform:uppercase;margin-left:10px;padding:0 20px 0 8px}
.use-button-des{margin-left:60px;margin-top:5px;display:inline-block}
.qoute-l{background:url(../images/typo/qoute-l.png) no-repeat;width:23px;height:22px;display:inline-block;position:absolute;top:-10px;left:0;text-indent:-9999px}
.qoute-2{background:url(../images/typo/qoute-2.png) no-repeat;width:23px;height:22px;display:inline-block;text-indent:-9999px;margin-left:10px}
.text-double{float:left;position:relative;margin-top:30px;padding:0 35px}
.qoute-3{font-size:70px;float:left;height:40px;margin-top:20px;margin-right:10px}
.list-style p{color:#4b4b4b;margin:5px 10px}
.list-style ul{margin:0;padding:0}
.list-style ul li{color:#4b4b4b;list-style:none;line-height:15px;margin:7px 10px}
.bj-typo-list-ordered ul li{background:url(../images/typo/typo-square-list.png) no-repeat 5px 50%;padding-left:15px}
.bj-typo-list-special ul li{background:url(../images/typo/typo-around-list.png) no-repeat 5px 50%;padding-left:20px}
.bj-typo-list-asterisk ul li{background:url(../images/typo/typo-snow-list.png) no-repeat 0 50%;padding-left:23px}
.bj-typo-list-accept ul li{background:url(../images/typo/typo-right-list.png) no-repeat 0 50%;padding-left:23px}
.bj-typo-list-star ul li{background:url(../images/typo/typo-start-list.png) no-repeat 0 50%;padding-left:23px}
.block-style .column1 div,.block-style .column2 div{margin-top:25px}
.block-style ul li{list-style:none;margin-bottom:10px;margin-top:5px}
.block-style ul{margin:0;padding:0}
.bj-typo-block-octagonal ul li,.bj-typo-block-octagonal-2 ul li,.bj-typo-block-square ul li,.bj-typo-block-square-2 ul li,.bj-typo-block-around ul li,.bj-typo-block-around-2 ul li{clear:both;line-height:25px;color:#4b4b4b}
.bj-typo-block-octagonal ul li span,.bj-typo-block-octagonal-2 ul li span,.bj-typo-block-square ul li span,.bj-typo-block-square-2 ul li span,.bj-typo-block-around ul li span,.bj-typo-block-around-2 ul li span{background:url(../images/typo/typo-octagonal-block.png) no-repeat;width:37px;height:41px;float:left;margin-right:8px;color:#FFF;font-size:28px;padding-left:15px;padding-top:11px;text-align:left}
.bj-typo-block-octagonal-2 ul li span{background:url(../images/typo/typo-octagonal-block-2.png) no-repeat}
.bj-typo-block-square ul li span,.bj-typo-block-square-2 ul li span{background:url(../images/typo/typo-square-block.png) no-repeat 0 8px;width:30px;padding-left:10px;font-size:23px}
.bj-typo-block-square-2 ul li span{background:url(../images/typo/typo-square-block-2.png) no-repeat 0 8px}
.bj-typo-block-around ul li span,.bj-typo-block-around-2 ul li span{background:url(../images/typo/typo-around-block.png) no-repeat 0 8px;width:30px;padding-left:12px;padding-top:13px;font-size:25px}
.bj-typo-block-around-2 ul li span{background:url(../images/typo/typo-around-block-2.png) no-repeat 0 8px}
.icons-style p:first-child{margin:12px 0!important}
.bj-typo-warning{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-warning.png) no-repeat 0 50%}
.bj-typo-right{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-right.png) no-repeat 0 50%}
.bj-typo-lamp{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-lamp.png) no-repeat 6px 50%}
.bj-typo-worng{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-worng.png) no-repeat 0 50%}
.bj-typo-tag{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-tag.png) no-repeat 0 50%}
.bj-typo-article{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-article.png) no-repeat 0 50%}
.bj-typo-cart{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-cart.png) no-repeat 0 50%}
.bj-typo-destop{line-height:18px;color:#4b4b4b;padding-left:40px;background:url(../images/typo/typo-destop.png) no-repeat 0 50%}
.message-style{margin-top:20px}
.message-style p{line-height:20px;color:#4b4b4b;padding:10px 30px 10px 55px}
.bj-typo-message-grey{background:url(../images/typo/typo-lamp.png) no-repeat 15px 50% #eaeaea;border:3px solid #707070}
.bj-typo-message-grey-2{background:url(../images/typo/typo-destop.png) no-repeat 11px 50% #eaeaea;border:3px solid #707070}
.bj-typo-message-white{background:url(../images/typo/typo-warning.png) no-repeat 11px 50% #fff;border:3px solid #707070;margin-top:30px}
.bj-typo-message-white-2{background:url(../images/typo/typo-right.png) no-repeat 11px 50% #fff;border:3px solid #707070;margin-top:30px}
.bj-typo-message-yellow{background:url(../images/typo/typo-warning.png) no-repeat 11px 50% #ffd;border:3px solid #adadad;margin-top:30px}
.bj-typo-message-yellow-2{background:url(../images/typo/typo-right.png) no-repeat 11px 50% #ffd;border:3px solid #adadad;margin-top:30px}
.bj-typo-message-rounded-grey{background:url(../images/typo/typo-warning.png) no-repeat 11px 50% #eaeaea;border:3px solid #707070;margin-top:30px;border-radius:10px}
.bj-typo-message-rounded-white{background:url(../images/typo/typo-warning.png) no-repeat 11px 50% #fff;border:3px solid #707070;margin-top:30px;border-radius:10px}
.bj-typo-message-rounded-yellow{background:url(../images/typo/typo-warning.png) no-repeat 11px 50% #ffd;border:3px solid #c6c6c6;margin-top:30px;border-radius:10px}
.fieldset-style fieldset{color:#4B4B4B;line-height:20px;padding:15px 10px 10px}
.fieldset-style fieldset legend{font-weight:bolder;font-size:15px;margin:0 10px}
.fieldset-style .bj-typo-legend-style-1{border:3px solid #adadad;margin-bottom:20px}
.fieldset-style .bj-typo-legend-style-1 legend,.fieldset-style .bj-typo-legend-style-3 legend{color:#707070}
.fieldset-style .bj-typo-legend-style-2{border:3px solid #e24b2d;margin-bottom:20px}
.fieldset-style .bj-typo-legend-style-2 legend,.fieldset-style .bj-typo-legend-style-4 legend{color:#e24b2d}
.fieldset-style .bj-typo-legend-style-3{border:3px solid #707070;margin-top:20px;border-radius:10px}
.fieldset-style .bj-typo-legend-style-4{border:3px solid #e24b2d;margin-top:20px;border-radius:10px}
.links-style ul{margin:10px 0 18px;padding:0}
.links-style ul li{list-style:none;margin:8px 0}
.bj-typo-link-style{color:#4b4b4b;text-decoration:underline;padding-left:23px}
.bj-typo-link-style:hover{text-decoration:underline!important}
.bj-typo-star{background:url(../images/typo/typo-start-list.png) no-repeat 0}
.bj-typo-note{background:url(../images/typo/typo-note.png) no-repeat 2px}
.bj-typo-bullet{background:url(../images/typo/typo-bullet.png) no-repeat 5px}
.bj-typo-bullet-2{background:url(../images/typo/typo-bullet2.png) no-repeat 0}
.bj-typo-book{background:url(../images/typo/typo-book.png) no-repeat 0}
.bj-typo-right-2{background:url(../images/typo/typo-right-list.png) no-repeat 0}
.bj-typo-snow{background:url(../images/typo/typo-snow-list.png) no-repeat 0}
.bj-typo-bell{background:url(../images/typo/typo-bell.png) no-repeat 0}
.bj-typo-cart-2{background:url(../images/typo/typo-cart2.png) no-repeat 0}
.bj-typo-email{background:url(../images/typo/typo-email.png) no-repeat 0}
.bj-typo-hightlight-red,.bj-typo-hightlight-grey,.bj-typo-hightlight-blue{color:#4b4b4b;line-height:20px;margin-top:30px}
.bj-typo-hightlight-red span{background:#e24b2d;color:#fff}
.bj-typo-hightlight-grey span{background:#7b7b7b;color:#fff}
.bj-typo-hightlight-blue span{background:#1da8d4;color:#fff}
.bj-typo-table-red tr th{height:52px;background:url(../images/typo/typo-line-table.png) repeat-x bottom #9f240b;border-left:1px solid #881700;color:#fff;font-size:18px;text-align:left;vertical-align:middle;display:table-cell!important;padding:0 10px}
.bj-typo-table-red tr td{border-top:1px solid #b53116;border-left:1px solid #b53116;height:40px;color:#fff;vertical-align:middle;display:table-cell!important;padding:0 10px}
.bj-typo-table-red .new{background:#e24b2d}
.bj-typo-table-red .old{background:#cb3e21}
.bj-typo-table-red .old .old{background:#c0371b}
.first td{border-top:0!important}
.first{border-left:0!important}
.bj-typo-table-red .choice-table{position:relative;display:block!important;background:url(../images/typo/typo-line-table.png) repeat-x bottom #881700}
.bj-typo-table-red .choice-table .bj-typo-table-head{position:absolute;height:8px;top:-8px;left:-7px;background:#881700}
.bj-typo-table-red .choice-table .bj-typo-table-head .left{background:url(../images/typo/typo-table-head-left.png) no-repeat;width:8px;height:8px;display:inline-block;float:left}
.bj-typo-table-red .choice-table .bj-typo-table-head .right{background:url(../images/typo/typo-table-head-right.png) no-repeat;width:8px;height:8px;display:inline-block;float:right}
.bj-typo-table-blue tr th{height:52px;background:#067f97;border-left:1px solid #5dc2d6;color:#fff;font-size:18px;text-align:left;vertical-align:middle;padding:0 10px}
.bj-typo-table-blue tr td{border-top:1px solid #5dc2d6;border-left:1px solid #5dc2d6;height:40px;color:#fff;vertical-align:middle;display:table-cell!important;padding:0 10px}
.bj-typo-table-blue .new{background:#17a7c4}
.bj-typo-table-blue .new .old{background:#0b7fa2}
.bj-typo-table-blue .old{background:#0b8ca6}
.bj-typo-table-blue .old .old{background:#057293}
.bj-typo-table-blue .choice-table{position:relative;display:block!important;background:#005881}
.bj-typo-table-blue .choice-table .bj-typo-table-head{position:absolute;height:8px;top:-8px;left:-7px;background:#005881}
.bj-typo-table-blue .choice-table .bj-typo-table-head .left{background:url(../images/typo/typo-table-head-left-blue.png) no-repeat;width:8px;height:8px;display:inline-block;float:left}
.bj-typo-table-blue .choice-table .bj-typo-table-head .right{background:url(../images/typo/typo-table-head-right-blue.png) no-repeat;width:8px;height:8px;display:inline-block;float:right}
.bj-typo-table-grey tr th{height:52px;background:#565656;border-left:1px solid #8e8e8e;color:#fff;font-size:18px;text-align:left;vertical-align:middle;padding:0 10px}
.bj-typo-table-grey tr td{border-top:1px solid #8e8e8e;border-left:1px solid #8e8e8e;height:40px;color:#fff;vertical-align:middle;display:table-cell!important;padding:0 10px}
.bj-typo-table-grey .new{background:#7a7a7a}
.bj-typo-table-grey .new .old{background:#5d5d5d}
.bj-typo-table-grey .old{background:#676767}
.bj-typo-table-grey .old .old{background:#535353}
.bj-typo-table-grey .choice-table{position:relative;display:block;background:#323232}
.bj-typo-table-grey .choice-table .bj-typo-table-head{position:absolute;height:8px;top:-8px;left:-7px;background:#323232}
.bj-typo-table-grey .choice-table .bj-typo-table-head .left{background:url(../images/typo/typo-table-head-left-grey.png) no-repeat;width:8px;height:8px;display:inline-block;float:left}
.bj-typo-table-grey .choice-table .bj-typo-table-head .right{background:url(../images/typo/typo-table-head-right-grey.png) no-repeat;width:8px;height:8px;display:inline-block;float:right}
.bj-typo-table-grey tr th a,.bj-typo-table-red tr th a,.bj-typo-table-blue tr th a,.bj-typo-table-grey tr td a,.bj-typo-table-red tr td a,.bj-typo-table-blue tr td a{color:#fff}
.bj-typo-table-error{width:50%;float:left;margin:10px 0}
.bj-typo-table-data{width:50%;float:right;text-align:right;margin:10px 0}
.bj-typo-form{color:#4b4b4b}
.bj-typo-form label{color:#6f6f6f;font-weight:700;text-transform:uppercase}
.bj-typo-form input[type=text],.bj-typo-form textarea{border:1px solid #d4d4d4;width:240px;height:15px;color:#888;margin-top:5px;padding:10px}
.bj-typo-form textarea{height:130px}
.bj-typo-form select{margin-top:5px}
.bj-typo-big-buttons .typo-button{line-height:37px;padding:12px 21px 0}
.text-column:first-child,.fieldset-style,.bj-typo-hightlight-red{margin-top:15px}
.two-column .column1,.list-style .column1,.block-style .column1,.icons-style .column1,.message-style .column1,.fieldset-style .column1,.links-style .column1{margin-right:10px}
.two-column .column2,.list-style .column2,.block-style .column2,.icons-style .column2,.message-style .column2,.fieldset-style .column2,.links-style .column2{margin-left:10px}
.bj-typo-table-red,.bj-typo-table-blue,.bj-typo-table-grey{width:100%}
.bj-typo-table-red tbody,.bj-typo-table-blue tbody,.bj-typo-table-grey tbody{display:table-row-group!important}
.bj-typo-table-red tr,.bj-typo-table-blue tr,.bj-typo-table-grey tr{display:table-row!important}
.bj-typo-table-red .choice-table .bj-typo-table-text,.bj-typo-table-blue .choice-table .bj-typo-table-text,.bj-typo-table-grey .choice-table .bj-typo-table-text{margin-top:13px;display:inline-block}