@font-face {
    font-family: 'museo_300regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/museo300-regular-webfont.woff') format('woff'),url('../fonts/museo300-regular-webfont.ttf') format('truetype'),url('../fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');
}

@font-face {
    font-family: 'museo_500regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/museo500-regular-webfont.woff') format('woff'),url('../fonts/museo500-regular-webfont.ttf') format('truetype'),url('../fonts/museo500-regular-webfont.svg#museo_500regular') format('svg');
}

@font-face {
    font-family: 'museo_700regular';
    font-style: normal;
    font-weight: normal;
    src: url('museo700-regular-webfont.eot');
    src: url('museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),url('museo700-regular-webfont.woff') format('woff'),url('museo700-regular-webfont.ttf') format('truetype'),url('museo700-regular-webfont.svg#museo_700regular') format('svg');
}

/* normal */

* {
    margin: 0;
    padding: 0;
}

html,
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #070804;
}

input,
select,
textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #070804;
}

body {
    background: #1e1e1e;
}

img {
    display: block;
    border: 0;
}

a,
input {
    outline: none;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

section,
article,
aside,
footer,
header,
nav {
    display: block;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

p {
    font-size: 14px;
    line-height: 18px;
}

/* template */

#template {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100%;
}

/* layout */

#layout {
    width: 100%;
}

/* header */

#header-part {
    z-index: 1000;
    position: relative;
    width: 100%;
    top: 46px;
    background: #fff;
}

#header-part .headermid {
    width: 980px;
    margin: auto;
    padding-top: 8px;
    min-height: 90px;
}

#header-part .headermid .person{
    margin: 25px 0 0 50px;
    float: left;
}

#header-part .headermid .person .text{
    float: left;
    width: 135px;
    margin-top: 15px;
}
#header-part .headermid .person .text span,
#header-part .headermid .person .text a{
    font-size: 14px;
    text-decoration: none;
    color: #525252;
}
#header-part .headermid .person .text .title{
    font-size: 18px;
    font-weight: 600;
    color: #525252;
}
#header-part .headermid .person .thumb{
    float: left;
    width: 85px;
}
#header-part .headermid .person .thumb img{
    width: 100%;
}

#header-part .logo {
    float: left;
    width: 400px;
    margin: 5px 0;
}

.hidden{
    display: none;
}
/* cart bar */

.cart-bar {
    float: right;
    position: relative;
    width: 263px;
    height: 58px;
    margin-top: -2px;
    padding: 23px 0 0 13px;
    border: 1px solid #eae8e8;
    background: #fff;
    -webkit-border: 1px solid #eae8e8;
}

.cart-bar h3 {
    font-size: 16px;
    line-height: 20px;
    color: #070804;
}

.cart-bar p {
    line-height: 18px;
    color: #070804;
}

.cart-bar img {
    float: left;
    margin-right: 14px;
}

.cart-bar .cart-sub img {
    float: left;
    margin-top: -8px;
}

.cart-bar a {
    color: #0076a3;
}

/* search bar */

.search-bar {
    width: 100%;
    position: fixed;
    z-index: 999999;
    height: 47px;
    top: 0;
    background: url('../images/search-bg.jpg') repeat-x;
}

.search-bar .search-mid {
    clear: both;
    width: 980px;
    margin: auto;
    padding-top: 5px;
}

.search-bar h5 {
    float: left;
    height: 36px;
    padding-left: 52px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    background: url('../images/sprite-bg.png') -564px -150px no-repeat;
}

.search-bar h5 span {
    padding-right: 4px;
    font-size: 14px;
    font-weight: normal;
}

.search-bar fieldset {
    float: right;
    width: 254px;
    padding-left: 24px;
    border: 0;
}

.search-bar .search {
    float: right;
    position: relative;
    width: 646px;
}

.search-bar ul {
    float: right;
    list-style: none;
    list-style-type: none;
}

.search-bar li {
    float: left;
    float: left;
    padding: 0 10px;
    line-height: 36px;
    background: url('../images/sap-bg.jpg') right top no-repeat;
}

.search-bar li a {
    display: block;
    position: relative;
    padding-bottom: 15px;
    text-decoration: none;
    color: #fff;
}

/*
.search-bar li.active a, .search-bar li a:hover { text-decoration: underline; }
*/

.search-bar .field {
    float: left;
    width: 204px;
    height: 30px;
    padding: 2px 15px;
    border: 1px solid #5b5b5b;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    line-height: 30px;
    color: #525352;
    background: #fff !important;
}

.search-bar .btn {
    float: left;
    position: absolute;
    top: -6px;
    right: -8px;
    width: 52px;
    height: 52px;
    border: 0;
    background: url('../images/sprite-bg.png') right top no-repeat;
    cursor: pointer;
}

.search-bar .btn:hover {
    background-position: right -52px;
}

.search-bar .btn1 {
    float: left;
    width: 180px;
    height: 28px;
    margin-top: 5px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 28px;
    color: #525352;
    background: url('../images/sprite-bg.png') left -69px no-repeat;
}

.search-bar .btn1:hover {
    background-position: left -97px;
}

/* nav bar */

.nav-bar {
    clear: both;
    width: 100%;
    height: 43px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #fff;
    background: #f4f3f3;
}

.nav-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.nav-bar .nav-mid {
    clear: both;
    width: 980px;
    margin: auto;
}

.nav-bar .nav-mid:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.nav-bar ul {
    list-style: none;
    list-style-type: none;
}

.nav-bar li {
    float: left;
    position: relative;
    padding-right: 1px;
    font-size: 16px;
    line-height: 44px;
    background: url('../images/nav-sap.jpg') right top repeat-y;
}

.nav-bar li a {
    display: block;
    height: 43px;
    padding: 0 18px;
    text-decoration: none;
    color: #343534;
}

.nav-bar li a span {
    padding-right: 20px;
    background: url('../images/nav-arrow.png') right center no-repeat;
}

.nav-bar a:hover,
.nav-bar li:hover a {
    height: 38px;
    border-top: 5px solid #e1e1e1;
    line-height: 44px;
}

.nav-bar li.active a {
    height: 38px;
    border-top: 5px solid #92b408;
    line-height: 34px;
}

.nav-bar .link {
    display: inline-block;
    float: right;
    height: 43px;
    padding: 0 16px;
    text-decoration: none;
    font-size: 16px;
    line-height: 44px;
    color: #343534;
}

.nav-bar .link.active {
    height: 53px;
    border-top: 5px solid #92b408;
    line-height: 50px;
}

.nav-bar li ul {
    display: none;
    position: absolute;
    top: 43px;
    left: -4px;
    width: 306px;
    padding-bottom: 33px;
    background: url('../images/drop-ul.png') left bottom no-repeat;
}

.nav-bar li li {
    width: 298px;
/*     padding-left: 24px; */
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
    color: #0076a3;
    background: url('../images/drop-li.png') left top repeat-y;
}

.nav-bar li li a {
    padding: 0;
    margin: 0 18px;
}

.nav-bar li:hover li a {
    height: auto;
    padding: 0 0 0 13px;
    border: 0;
    text-decoration: none;
    line-height: 24px;
    color: #0076a3;
    background: url('../images/drop-arrow.png') left 8px no-repeat;
}

.nav-bar li:hover li a:hover {
    border: 0;
    font-weight: bold;
    line-height: 24px;
    color: #000;
    background: url('../images/drop-arrow.png') left 8px no-repeat;
}

.nav-bar li li:first-child {
    padding-top: 16px;
}

.nav-bar li li:first-child a, .nav-bar li li:first-child a:hover {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e1e1e1;
}

.nav-bar li a:hover,
.nav-bar .link:hover {
    background: #fff;
}

.nav-bar li a:hover span,
.nav-bar li:hover a span {
    background: url('../images/arrow-drak.png') right center no-repeat;
}

.nav-bar li ul a:hover span,
.nav-bar li:hover ul a span {
    background: none;
}

.nav-bar li:hover ul {
    display: block !important;
    z-index: 999;
}

.nav-bar li li:first-child {
    background: url('../images/drop-first.png') left top no-repeat;
}

.nav-bar li:hover li.pdf a {
    padding-left: 35px;
    line-height: 32px;
    background: url('../images/pdf-icon.png') left center no-repeat;
}

/* content */

#content-part {
    z-index: 998;
    position: relative;
    width: 100%;
    padding-top: 58px;
    background: #fff url('../images/banner-bg.jpg') center top repeat-x;
}

.landingspage {
    padding-bottom: 40px;
}


#content-part #content-mid {
    width: 980px;
    margin: auto;
    padding-bottom: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #FFF;
}

#content-part #content-mid:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

#content-part h1 {
    font-family: 'museo_500regular';
    font-size: 30px;
    font-weight: 500;
    line-height: 34px;
}

/* banner bar */

.banner-bar {
    clear: both;
    width: 980px;
    margin: auto;
    padding: 24px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #FFF;
}

.banner-bar.subpage {
    padding-bottom: 7px;
}

.banner-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.banner-bar h1 {
    padding: 0 0 24px 36px;
}

.banner-bar h1 span {
    display: inline-block;
    width: 25px;
    height: 33px;
    text-indent: -9999999px;
    background: url('../images/sprite-bg.png') -353px -36px no-repeat;
}

.banner-bar .sap {
    width: 100%;
    overflow: hidden;
    background: url('../images/banner-sap.png') left top no-repeat;
}

.banner-bar .left {
    float: left;
    width: 450px;
    padding: 28px 0 0 40px;
}

.banner-bar ul {
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.banner-bar .left li {
    float: left;
    width: 100%;
    padding: 0 0 14px 36px;
    font-size: 18px;
    line-height: 22px;
    color: #070804;
    background: url('../images/check-icon1.png') left top no-repeat;
}

.banner-bar .left li a {
    color: #0076a3;
}

.banner-bar .right {
    float: right;
    width: 417px;
    border: 3px solid #eaeaea;
    margin:0 50px 0 0;
}

.banner-bar .right .blank {
    height: 8px;
}

.banner-bar .right li {
    float: left;
    width: 149px;
    padding-top: 0;
    min-height: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #343534;
    background: url('../images/line-bg.jpg') left top no-repeat;
}

.banner-bar .right li span {
    display: block;
    padding-top: 11px;
}

.banner-bar .right li.last {
    float: right;
    width: 119px;
    text-align: right;
    background: url('../images/line-bg.jpg') right top no-repeat;
}

.banner-bar .graph {
    position: relative;
    height: 228px;
    text-align: center;
    background: url('../images/graph-bg.png') 50% 50% / cover no-repeat;
    margin:10px;
}
.banner-bar .graph h2{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    padding:20px 0 0 0;
    font-style: oblique;
    text-shadow: 2px 2px 6px #000;
}

.banner-bar .graph .btn-advice {
    position: absolute;
    left: 20px;
    top: 15px;
    z-index: 1000;
    display: block;
    width: 178px;
    height: 48px;
    margin: 0;
    margin-left: -8px;
    padding: 0 0 5px 26px;
    border: 0;
    text-align: left;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-family: Arial;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    background: url('../images/sprite-bg.png') left -534px no-repeat;
    cursor: pointer;
}

.btn-sidebar-advice{
    color: #fff!important;
    display: block;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin-top: 5px;
    height: 42px;
    margin-left: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 13px;
    border: 4px solid;
    border-color:#D94600;
    text-align: left;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-family: Arial;
    font-size: 17px;
    line-height: 42px;
    color: #fff;
    background-color: #F1560D;
    cursor: pointer;
    margin-bottom: 20px!important;
    animation:colorTransition 4s infinite;
    -moz-animation:colorTransition 4s infinite; /* Firefox */
    -webkit-animation:colorTransition 4s infinite; /* Safari and Chrome */
    -o-animation:colorTransition 4s infinite; /* Safari and Chrome */

}


@-moz-keyframes colorTransition /* Firefox */
{
    0%   {background-color:#F1560D;border-color: #D94600;}
    50%  {background-color:#FCD21C;border-color: #EFC309;}
    100%   {background-color:#F1560D;border-color: #D94600;}
}

@-webkit-keyframes colorTransition /* Firefox */
{
    0%   {background-color:#F1560D;border-color: #D94600;}
    50%  {background-color:#FCD21C;border-color: #EFC309;}
    100%   {background-color:#F1560D;border-color: #D94600;}
}
@-o-keyframes colorTransition /* Firefox */
{
    0%   {background-color:#F1560D;border-color: #D94600;}
    50%  {background-color:#FCD21C;border-color: #EFC309;}
    100%   {background-color:#F1560D;border-color: #D94600;}
}

.sticky .custom-bar.link-bar.last{
    width:207px;
}
.sticky .sidebar-img img{
    width:242px;
}
.sticky.diff .sidebar-img img{
    width:230px;
}
.sidebar-bottom-link{
    color: #666 !important;
    z-index: 1000;
    display: block;
    padding: 7px 15px;
    border: 1px solid #CCC;
    text-align: left;
    border-radius: 40px;
    text-decoration: none;
    font-family: Arial;
    font-size: 15px;
    background-color: #E1E1E1;
    cursor: pointer;
    margin-top: 16px;
    text-align: center;
}
.sidebar-bottom-link:hover{
    color: #fff !important;
    background-color: #F1560D;
}
.banner-bar .txt {
    width: 417px;
    height: 47px;
}

.banner-bar .image {
    position: relative;
    width: 417px;
    height: 202px;
    background: url('../images/graph-black.png') left bottom no-repeat;
}

.banner-bar .txtmain span {
    display: block;
    padding-left: 55px;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    color: #343534;
}

.banner-bar .arrow {
    position: absolute;
    top: 15px;
    left: -15px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.banner-bar .arrow1 {
    position: absolute;
    right: 38px;
    bottom: 10px;
}

.banner-bar .arrow2 {
    position: absolute;
    right: 179px;
    bottom: 9px;
}

.banner-bar .right p {
    display: block;
    position: absolute;
    top: 31px;
    right: 90px;
    width: 178px;
    height: 71px;
    text-indent: -99999px;
    background: url('../images/slide-txt.png') left top no-repeat;
}

.banner-bar .right .btn {
    display: block;
    z-index: 99999;
    position: absolute;
    right: 12px;
    bottom: 30px;
    width: 158px;
    height: 65px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 64px;
    color: #343534;
    background: url('../images/sprite-bg.png') -68px -2px no-repeat;
}

.banner-bar .right .btn:hover {
    color: #fff;
}

.banner-bar .link {
    width: 420px;
    margin-left: -7px;
    padding-top: 15px;
}

.text-bar.custom-button-change p:last-child > a,
.banner-bar .left .btn {
    display: block;
    width: 367px;
    height: 66px;
    padding-left: 0px;
    text-decoration: none;
    text-shadow: 2px 1px 1px #74901d;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background: url('../images/sprite-bg.png') -41px -150px no-repeat;
}

.banner-bar .left .btn:hover {
    background-position: -41px -216px;
}

.banner-bar .left .tag {
    display: block;
    padding: 0 0 0 44px;
    font-size: 14px;
    line-height: 18px;
    color: #343534;
}

.banner-bar .video {
    float: right;
    position: relative;
    width: 405px;
    height: 283px;
    margin: 28px 41px 0 0;
    padding: 14px 0 0 22px;
}

.banner-bar .over {
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    width: 427px;
    height: 297px;
    background: url('../images/video-over.png') left top no-repeat;
}

.banner-bar .txt {
    position: absolute;
    bottom: 60px;
    left: 128px;
    width: 184px;
    height: 40px;
    background: url('../images/video-txt.png') left top no-repeat;
}

.banner-bar .txt p {
    text-align: center;
    line-height: 48px;
    opacity: 1;
}

.banner-bar .play {
    display: block;
    position: absolute;
    top: 36.5%;
    left: 42.7%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

.banner-bar .image {
    background-position-y: 202px;
}

.banner-bar .arrow {
    top: 325px;
    left: -877px;
}

.banner-bar p {
    top: 1px;
    opacity: 0;
}

.banner-bar .right .btn {
    right: -200px;
}

.banner-bar .arrow1 {
    height: 0;
}

.banner-bar .arrow2 {
    display: none;
}

/* np bar */

.np-bar {
    width: 100%;
    height: 53px;
    padding-top: 21px;
    background: url('../images/np-bg.jpg') left bottom repeat-x;
}

.np-bar ul {
    float: left;
    padding: 3px 0 0 20px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.np-bar li {
    float: left;
    padding: 0 10px;
    font-size: 11px;
    line-height: 18px;
    color: #343534;
    background: url('../images/np-arrow.png') left center no-repeat;
}

.np-bar li:first-child {
    padding-left: 0;
    background: none;
}

.np-bar li a {
    text-decoration: none;
    color: #343534;
}

.np-bar a:hover {
    text-decoration: underline;
}

.np-bar .print {
    float: right;
    margin: 0 20px 0 15px;
    padding-left: 24px;
    text-decoration: none;
    font-size: 11px;
    line-height: 20px;
    color: #343534;
    background: url('../images/sprite-bg.png') -583px -358px no-repeat;
}

.np-bar .mail {
    background: url('../images/sprite-bg.png') -583px -494px no-repeat;
}

/* tag bar */

.tag-bar {
    width: 100%;
    margin-top: 31px;
    background: url('../images/tag-bg.jpg') repeat-x;
}

.tag-bar .tag-mid {
    clear: both;
    position: relative;
    width: 978px;
    height: 85px;
    margin: auto;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url('../images/tag-mid.jpg') repeat-x;
}

.tag-bar h2 {
    text-align: center;
    font-family: 'museo_500regular';
    font-size: 30px;
    font-weight: 500;
    line-height: 84px;
    letter-spacing: -1px;
    color: #070804;
}

.tag-bar h2 span {
    padding: 0 10px;
    background: #f4f3f3;
}

.tag-bar h2 span span {
    background: url('../images/sprite-bg.png') -230px -2px no-repeat;
}

.tag-bar .arrow {
    position: absolute;
    bottom: -13px;
    left: 475px;
}

/* left */

#left-part {
    float: left;
    width: 730px;
}

#left-part:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

#left-part p {
    line-height: 22px;
}

#left-part.leftpart {
    float: left;
    width: 242px;
    padding: 10px 0 0 12px;
}

/* quotation bar */

.quotation-bar {
    padding: 16px 9px 0 10px;
    overflow: hidden;
}

.quotation-bar h2 {
    padding-bottom: 4px;
    border-bottom: 1px solid #e1e1e1;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
}

.quotation-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.quotation-bar .head {
    width: 100%;
    padding-bottom: 9px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.quotation-bar h3 {
    padding-bottom: 9px;
    line-height: 24px;
}

.quotation-bar h1 {
    padding-bottom: 8px;
}

.quotation-bar fieldset {
    padding: 10px;
    border: 0;
}

.quotation-bar .radio {
    display: block;
    float: left;
    width: 19px;
    height: 25px;
    margin: 12px 6px 0 0;
    background: url('../images/radio.png') no-repeat;
}

.quotation-bar .option label {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
}

.quotation-bar .option {
    clear: both;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

.quotation-bar .option + .option {
    margin: 0 0 20px;
}

.quotation-bar .option .data {
    float: left;
    width: 650px;
}

.quotation-bar .option img {
    float: right;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #e1e1e1;
}
.quotation-bar .option img.person{
    width: 130px;
}

.quotation-bar .top img {
    float: left;
    margin: 0;
    padding-top: 0;
    border: 0;
}

.quotation-bar .top {
    overflow: hidden;
}

.quotation-bar p + p {
    margin: 10px 0;
}

.quotation-bar p a {
    color: #0076a3;
}

.quotation-bar p a:hover {
    text-decoration: none;
}

.quotation-bar .option ul {
    padding: 10px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.quotation-bar .option li {
    float: left;
    width: 100%;
    padding: 0 0 5px 30px;
    font-size: 14px;
    line-height: 22px;
    color: #070804;
    background: url('../images/check-icon1.png') left top no-repeat;
}

/*
.quotation-bar .option + .btn { padding-left: 30px; width: 266px; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 48px; border: 0; text-shadow: -1px 1px #7b981a; text-decoration: none; color: #fff; height: 56px; display: block; background: url('../images/sprite-bg.png') -204px -422px no-repeat; }
.quotation-bar .option + .btn:hover { background: url('../images/sprite-bg.png') -204px -478px no-repeat; }
*/

.quotation-bar .option + .inline {
    padding-left: 25px;
    font-size: 14px;
    color: #0076a3;
}

.quotation-bar .costs input {
    margin: 0 0 20px 139px;
}

.quotation-bar .costs small {
    display: block;
    line-height: 1.6;
    width: 400px;
}

.quotation-bar .usage input {
    margin: 0 0 20px;
}

.quotation-bar .usage > a {
    font-size: 14px;
    color: #0076a3;
}

.quotation-bar section.data {
    margin: 20px 0 0;
}

.quotation-bar form + p {
    font-style: italic;
    line-height: 24px;
}

.quotation-bar .ui-slider {
    float: left;
    clear: left;
    width: 120px;
    height: 0.4em;
    margin: 0 0 12px 10px;
    border: 1px solid #eee;
    background: #eee;
}

.quotation-bar .ui-slider-range {
    background: #fcd31f;
}

.quotation-bar .ui-slider-handle {
    top: -0.4em !important;
    width: 1em !important;
    height: 1em !important;
    border-color: #fcd31f !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fcd31f !important;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.quotation-bar .family {
    float: left;
    margin: -3px 10px 0;
}

.quotation-bar .family img {
    display: inline;
}

#template #opties {
    display: none;
}

#opties {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 20px;
    overflow: auto;
}

#opties h2 {
    margin: 0 0 1em;
}

#opties h3 {
    margin: 0 0 1em;
}

#opties p {
    margin: 0 0 1em;
}

#opties ul {
    margin: 0 0 1em;
    font-size: 14px;
    line-height: 18px;
}

#opties li {
    margin: 0 0 0 1.5em;
}

#opties a {
    color: #0076a3;
}

/* link bar */

.link-bar {
    margin-bottom: 10px;
    padding: 16px 9px 24px 10px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #F4F3F3;
}

.link-bar h2 {
    padding-bottom: 4px;
    border-bottom: 1px solid #e1e1e1;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
}

.link-bar h2 a {
    text-decoration: none;
    color: #070804;
}

.link-bar h3 {
    padding-bottom: 14px;
    font-family: 'museo_500regular';
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.link-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.link-bar > ul {
    padding: 10px 0 20px 0;
    list-style: none;
    list-style-type: none;
}

.link-bar li {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    line-height: 19px;
}

.link-bar li a {
    text-decoration: none;
    color: #0076a3;
}

.link-bar .arrow {
    padding-left: 15px;
    text-decoration: none;
    font-size: 14px;
    color: #0076a3;
    background: url('../images/drop-arrow.png') left center no-repeat;
}

.link-bar li a:hover,
.link-bar li.active > a {
    color: #000;
}

.link-bar li.active span {
    display: block;
    margin: -5px -10px 0;
    padding: 5px 10px 0;
    background: #fff;
}

.link-bar ul .active ul {
    display: block;
}

.link-bar ul ul {
    display: none;
    margin: 0 -10px -5px;
    padding: 5px 10px 0;
    list-style: none;
    background: #fff;
}

.link-bar ul ul li {
    padding: 5px 0 5px 10px;
    border: 0;
    font-size: 12px;
}

/* result bar */

.result-bar {
    position: relative;
    width: 680px;
    padding: 0 0 0 20px;
}

.result-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.result-bar h1 {
    padding-bottom: 8px;
}

.result-bar .field {
    float: left;
    width: 300px;
    height: 30px;
    padding: 2px 15px;
    border: 1px solid #5b5b5b;
    line-height: 30px;
    color: #fff;
    background: #525352;
}

.result-bar .btn {
    float: left;
    float: left;
    width: 52px;
    height: 52px;
    margin: -5px 0 0 -18px;
    border: 0;
    background: url('../images/sprite-bg.png') right top no-repeat;
    cursor: pointer;
}

.result-bar .btn:hover {
    background-position: right -52px;
}

.result-bar fieldset {
    border: 0;
}

.result-bar .head {
    clear: both;
    width: 100%;
}

.result-bar fieldset span {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.result-bar .result {
    clear: both;
    width: 100%;
}

.result-bar ul {
    padding: 10px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.result-bar li {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.result-bar h4 {
    color: #0076a3;
}

.result-bar h4 a {
    text-decoration: none;
    color: #0076a3;
}

.result-bar a:hover {
    color: #000;
}

.result-bar .link {
    text-decoration: none;
    line-height: 20px;
    color: #060;
}

.result-bar {
}

.result-bar {
}

/* data bar */

.data-bar {
    position: relative;
    width: 680px;
    padding: 44px 30px 30px 20px;
}

.data-bar.subpage1 {
    padding-top: 10px;
}

.data-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.data-bar h1 {
    padding-bottom: 8px;
}

.data-bar h2 {
    padding-bottom: 10px;
    font-size: 18px;
}

.data-bar p strong {
    display: block;
}

.data-bar.subpage p strong {
    display: inline;
}

.data-bar p {
    padding-bottom: 5px;
}

.data-bar h3 {
    padding-bottom: 9px;
    line-height: 24px;
}

.data-bar .install {
    width: 560px;
    padding-top: 8px;
}

.data-bar .order {
    width: 100%;
    margin-top: -10px;
}

.data-bar .order:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.data-bar .order.noGap {
    margin-top: 0;
    padding-top: 14px;
}

section.data .first:first-child h3 {
    padding-bottom: 17px;
}

section.data .first {
    padding: 25px 0 20px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

section.data .second {
    border: 0;
}

section.data ul {
    list-style: none;
    list-style-type: none;
}

section.data li {
    float: left;
    width: 100%;
    padding-bottom: 8px;
}

section.data .field {
    float: left;
    width: 238px;
    height: 22px;
    padding: 5px 10px;
    border: 1px solid #d2d1d1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

section.data .field[readonly] {
    border-color: #f9f9f9;
}

section.data textarea.field {
    height: 100px;
}

section.data label,
.data-bar label {
    float: left;
    width: 172px;
    font-size: 14px;
    line-height: 36px;
}

section.data input + label,
.data-bar input + label {
    float: none;
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    line-height: 36px;
}

section.data .install label,
.data-bar .install label {
    width: auto;
}

section.data span {
    display: block;
    float: right;
    width: 507px;
    margin-bottom: -3px;
    padding-top: 5px;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    color: #959595;
}

section.data span a {
    font-style: normal;
    color: #0076a3;
}

section.data .field1 {
    width: 106px;
}

section.data .field2 {
    width: 40px;
}

section.data .field2 + em {
    position: relative;
    top: 10px;
    left: 10px;
    font-style: normal;
}

section.data .btn,
.data-bar .btn {
    display: block;
    float: left;
    width: 296px;
    height: 56px;
    margin-left: -7px;
    padding-bottom: 10px;
    border: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    background: url('../images/sprite-bg.png') -204px -422px no-repeat;
    cursor: pointer;
}

section.data .btn:hover.data-bar .btn:hover {
    background: url('../images/sprite-bg.png') -204px -478px no-repeat;
}

section.data li.last,
.data-bar li.last {
    padding-top: 15px;
}

section.data .link,
.data-bar .link {
    display: block;
    float: left;
    margin: 6px 0 0 32px;
    padding-left: 20px;
    border-left: 1px solid #e1e1e1;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #070804;
}

section.data .link:hover,
.data-bar .link:hover {
    text-decoration: underline;
}

section.data p a:hover {
    text-decoration: none;
}

section.data .photo h3,
section.data .costs h3,
section.data .usage h3 {
    padding: 0;
}

section.data .photo h3 + p,
section.data .costs h3 + p,
section.data .usage h3 + p {
    padding-bottom: 20px;
    line-height: 24px;
}

.quotation-bar fieldset,
.data-bar fieldset {
    padding-bottom: 36px;
    border: 0;
}

.data-bar p span {
    font-style: italic;
    line-height: 24px;
}

.data-bar p a {
    color: #0076a3;
}

.data-bar p a:hover {
    text-decoration: none;
}

.data-bar .radio {
    display: block;
    float: left;
    width: 19px;
    height: 25px;
    margin: 11px 6px 0 0;
    background: url('../images/radio.png') no-repeat;
}

.data-bar .install ul {
    clear: both;
    padding: 0 0 2px 23px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.data-bar .install li {
    padding: 0 0 6px 24px;
    font-size: 14px;
    line-height: 19px;
    background: url('../images/sprite-bg.png') -584px -512px no-repeat;
}

.data-bar .install .space {
    width: 100%;
    padding: 18px 0 32px;
    overflow: hidden;
}

.data-bar .order ul {
    width: 680px;
    padding: 8px 0 28px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.data-bar .order.noGap ul {
    padding-bottom: 0;
}

.data-bar .order li {
    float: left;
    width: 665px;
    padding: 0 0 10px 15px;
    font-size: 14px;
    line-height: 20px;
    background: url('../images/drop-arrow.png') left 5px no-repeat;
}

.data-bar .order .btn {
    margin-top: 32px;
    padding-bottom: 0;
    line-height: 50px;
}

/* step bar */

.step-bar {
    position: relative;
    width: 680px;
    padding: 26px 30px 0 20px;
}

.step-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.step-bar ul {
    float: left;
    width: 100%;
    height: 44px;
    list-style: none;
    list-style-type: none;
    background: url('../images/proess-bar.png') left bottom no-repeat;
}

.step-bar li {
    float: left;
    position: relative;
    padding-left: 74px;
    font-size: 14px;
    line-height: 18px;
}

.step-bar li .icon {
    display: block;
    z-index: 1;
    position: absolute;
    bottom: -26px;
    width: 22px;
    height: 22px;
    text-indent: -9999999px;
    background: url('../images/step-icon.png') left top no-repeat;
}

.step-bar li.last {
    float: right;
}

.step-bar li .first {
    left: 0;
}

.step-bar li .second {
    left: 56%;
}

.step-bar li .third {
    left: 56%;
}

.step-bar li .four {
    right: 0;
}

.step-bar li:first-child {
    padding-left: 0;
}

.step-bar .bar {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 3.1%;
    height: 22px;
    background: url('../images/active-bar.png') right top no-repeat;
}

.step-bar .bar.step_two {
    width: 29%;
}

.step-bar .bar.step_three {
    width: 54%;
}

.step-bar .bar.step_last {
    width: 90.5%;
}

.step-bar .done .icon {
    background-position: 0 -22px;
}

.step-bar .done {
    padding-left: 50px;
    font-weight: bold;
}

/* tabber bar */

.tabber-bar {
    width: 680px;
    padding: 14px 30px 0 20px;
}

.tabber-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.tabber-bar .head {
    width: 680px;
    height: 52px;
    background: url('../images/line-bg1.jpg') left bottom repeat-x;
}

.tabber-bar ul {
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.tabber-bar .head li {
    float: left;
    padding-right: 2px;
    font-size: 14px;
}

.tabber-bar .head li a {
    display: block;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
    line-height: 50px;
    color: #070804;
    background: #f4f3f3;
}

.tabber-bar .head li a:hover,
.tabber-bar li a.current {
    padding: 0 15px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    line-height: 50px;
    background: #fff;
}

.tabber-bar p {
    padding-right: 40px;
}

.tabber-bar .text {
    width: 584px;
    padding: 24px 0 0 0;
    overflow: hidden;
}

.tabber-bar .info {
    width: 100%;
    padding: 20px 0 12px 0;
    overflow: hidden;
}

.tabber-bar .left {
    float: left;
    width: 280px;
    padding-top: 6px;
}

.tabber-bar .right {
    float: right;
    width: 385px;
}

.tabber-bar img {
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.tabber-bar h3 {
    padding-right: 20px;
    line-height: 24px;
}

.tabber-bar .right li {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 22px;
}

.tabber-bar .right li a {
    position: relative;
    padding-left: 15px;
    text-decoration: none;
    color: #070804;
    background: url('../images/sprite-bg.png') -591px -340px no-repeat;
}

.tabber-bar .right li a:hover {
    text-decoration: underline;
}

.tabber-bar .link {
    display: block;
    height: 9px;
    margin: 18px 0 0 -3px;
    padding: 8px 0 15px 35px;
    font-size: 14px;
    line-height: 20px;
    color: #0076a3;
    background: url('../images/pdf-icon.png') left top no-repeat;
}

.tabber-bar .link:hover {
    text-decoration: none;
    color: #000;
}

.tabber-bar .offer {
    width: 380px;
    padding: 24px 0 11px;
    overflow: hidden;
}

.tabber-bar .offer button {
    display: block;
    width: 206px;
    height: 56px;
    margin: 0;
    margin-left: -8px;
    padding: 0 0 5px;
    border: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-family: Arial;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    background: url('../images/sprite-bg.png') left -422px no-repeat;
    cursor: pointer;
}

.tabber-bar .offer button:hover {
    background: url('../images/sprite-bg.png') left -478px no-repeat;
}

.tabber-bar .offer .btn {
    background: url('../images/sprite-bg.png') left -534px no-repeat;
}

.tabber-bar .offer .btn:hover {
    background: url('../images/sprite-bg.png') left -590px no-repeat;
}

.tabber-bar .offer p {
    font-style: italic;
    line-height: 22px;
    color: #959595;
}

.tab_data.content img {
    float: right;
    margin: 0 0 20px 20px;
}

/* newsinfo bar */

.newsinfo-bar {
    width: 680px;
    padding: 14px 30px 1px 20px;
}

.newsinfo-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.newsinfo-bar h1 {
    letter-spacing: -1px;
}

.newsinfo-bar p span {
    font-style: italic;
}

.newsinfo-bar a {
    color: #0076a3;
}

.newsinfo-bar p a:hover {
    text-decoration: none;
}

.newsinfo-bar .head {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 20px;
    min-height: 56px;
    border-bottom: 1px solid #e1e1e1;
}

.newsinfo-bar .head h1 {
    margin: 0 0 0.25em;
}

.newsinfo-bar section {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.newsinfo-bar .news_info {
    clear: both;
    width: 100%;
}

.newsinfo-bar .image {
    clear: both;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

/*
.newsinfo-bar ul { padding: 10px 0; overflow: hidden; list-style: none; list-style-type: none; width: 100%; }
.newsinfo-bar li { padding: 0 0 3px 15px; color: #070804; width: 100%; float: left; font-size: 14px; line-height: 22px; background: url('../images/detail-arrow.png') left 6px no-repeat; }
.newsinfo-bar li a { text-decoration: none; }
.newsinfo-bar li a:hover { text-decoration: underline; }
*/

.newsinfo-bar .num {
    display: block;
    float: left;
    width: 84px;
    height: 83px;
    text-align: center;
    text-shadow: 1px 2px 2px #f9b017;
    font-family: 'museo_500regular';
    font-size: 18px;
    line-height: 54px;
    color: #fff;
    background: url('../images/sprite-bg.png') -444px -149px no-repeat;
}

/*.newsinfo-bar .text { padding-left: 8px; width: 398px; float: left; }*/

.newsinfo-bar h2 {
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 28px;
}

.newsinfo-bar h3 {
    line-height: 20px;
}

.newsinfo-bar img {
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.newsinfo-bar .nav {
    clear: both;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.newsinfo-bar .nav a {
    display: block;
    float: left;
    height: 25px;
    padding: 0 10px;
    min-width: 84px;
    border: 1px solid #dbdbdb;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    color: #070804;
}

.newsinfo-bar .nav a:hover {
    font-weight: bold;
    background: #f4f3f3;
}

.newsinfo-bar .nav a.next {
    float: right;
}

/* news bar */

.news-bar {
    width: 680px;
    padding: 14px 30px 1px 20px;
}

.news-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.news-bar h1 {
    letter-spacing: -1px;
}

.news-bar p span {
    font-style: italic;
}

.news-bar p a {
    color: #0076a3;
}

.news-bar p a:hover {
    text-decoration: none;
}

.news-bar .head {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    min-height: 56px;
    border-bottom: 1px solid #e1e1e1;
}

.news-bar section {
    clear: both;
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}

.news-bar ul {
    width: 100%;
    list-style: none;
    list-style-type: none;
}

.news-bar li {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.news-bar .num {
    display: block;
    float: left;
    width: 84px;
    height: 83px;
    text-align: center;
    text-shadow: 1px 2px 2px #f9b017;
    font-family: 'museo_500regular';
    font-size: 18px;
    line-height: 54px;
    color: #fff;
    background: url('../images/sprite-bg.png') -444px -149px no-repeat;
}

.news-bar .text {
    float: left;
    width: 398px;
    padding-left: 8px;
}

.news-bar h2 {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
}

.news-bar h2 a {
    text-decoration: none;
    color: #070804;
}

.news-bar h2 a:hover {
    color: #0076a3;
}

.news-bar img {
    float: right;
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

/* referen bar */

.referen-bar {
    width: 680px;
    padding: 14px 30px 1px 20px;
}

.referen-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.referen-bar h1 {
    letter-spacing: -1px;
}

.referen-bar p {
    line-height: 22px !important;
}

.referen-bar p a {
    color: #0076a3;
}

.referen-bar section {
    float: left;
    width: 100%;
    padding-bottom: 18px;
}

.referen-bar p a:hover {
    text-decoration: none;
}

.referen-bar .head {
    width: 100%;
    padding-bottom: 10px;
    min-height: 56px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.referen-bar .text {
    clear: both;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
}

.referen-bar .image {
    clear: both;
    width: 100%;
    margin: 0 0 1em;
    padding-top: 20px;
}

.referen-bar .image a {
    display: block;
    position: relative;
    width: 404px;
    height: 271px;
}

.referen-bar img {
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.referen-bar .play {
    display: block;
    position: absolute;
    top: 36.5%;
    left: 42.7%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

.referen-bar p span {
    display: block;
    padding-top: 5px;
    font-style: italic;
}

.referen-bar h2 {
    padding: 25px 0 5px 0;
    font-size: 24px;
    line-height: 28px;
}

.referen-bar section {
    clear: both;
    width: 100%;
    padding-bottom: 20px;
    overflow: hidden;
}

.referen-bar .thumb ul {
    list-style: none;
    list-style-type: none;
}

.referen-bar .thumb li {
    float: left;
    margin: 15px 10px 0 0;
}

.referen-bar .thumb li a {
    display: block;
    width: 171px;
    height: 79px;
    overflow: hidden;
}

.referen-bar .thumb li figure {
    padding: 5px;
    border: 1px solid #d8d8d8;
}

.referen-bar .thumb li img {
    padding: 0;
    min-width: 100%;
    border: 0;
}

.referen-bar li.last {
    margin-right: 0;
}

.referen-bar .nav {
    clear: both;
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.referen-bar .nav a {
    display: block;
    float: left;
    height: 25px;
    padding: 0 10px;
    min-width: 84px;
    border: 1px solid #dbdbdb;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    color: #070804;
}

.referen-bar .nav a:hover {
    font-weight: bold;
    background: #f4f3f3;
}

.referen-bar .nav a.next {
    float: right;
}

/* price bar */

.price-bar {
    width: 680px;
    padding: 14px 30px 1px 20px;
}

.price-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.price-bar h1 {
    letter-spacing: -1px;
}

.price-bar p {
    line-height: 18px !important;
}

.price-bar p a {
    color: #0076a3;
}

.price-bar section {
    float: left;
    width: 325px;
    padding-bottom: 18px;
    border-top: 1px solid #e1e1e1;
}

.price-bar p a:hover {
    text-decoration: none;
}

.price-bar .head {
    width: 100%;
    padding-bottom: 26px;
    overflow: hidden;
}

.price-bar.subpage .head {
    padding-bottom: 32px;
}

.price-bar.subpage .head p {
    line-height: 22px !important;
}

.price-bar .user {
    padding: 16px 0 17px 0;
    overflow: hidden;
}

.price-bar h2 {
    padding-left: 40px;
    font-size: 18px;
    line-height: 20px;
    background: url('../images/sprite-bg.png') -573px -384px no-repeat;
}

.price-bar .second h2 {
    padding-left: 58px;
    background: url('../images/sprite-bg.png') -560px -419px no-repeat;
}

.price-bar .third h2 {
    padding-left: 70px;
    background: url('../images/sprite-bg.png') -546px -453px no-repeat;
}

.price-bar.subpage h2 {
    padding-left: 0;
    background: none;
}

.price-bar h2 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    min-height: 3.0em;
}

.price-bar h4 {
    font-size: 14px;
    line-height: 18px;
}

.price-bar .detail {
    width: 100%;
    padding: 15px 0 0 0;
    overflow: hidden;
}

.packet-bar ul {
    margin: 0.5em 0 0;
}

.price-bar .content ul,
.price-bar .specs ul,
.packet-bar .specs ul {
    margin: 0.75em 0 0;
    padding-bottom: 8px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.price-bar .content li,
.price-bar .specs li,
.packet-bar .specs li {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 22px;
}

.price-bar .detail.content li,
.packet-bar .detail.specs li {
    position: relative;
    margin: 0 0 8px;
    margin: 0;
    padding-left: 15px;
    text-decoration: none;
    line-height: 1;
    line-height: 22px;
    color: #070804;
    background: url('../images/sprite-bg.png') -591px -341px no-repeat;
    background: url('../images/detail-arrow.png') left 5px no-repeat;
}

.text-bar li {
    float: left;
    padding: 0 0 10px 15px;
    font-size: 14px;
    line-height: 22px;
    background: url('../images/detail-arrow.png') left 5px no-repeat;
}

.price-bar .detail li span {
    float: left;
    width: 180px;
}

.price-bar .detail.gap .spacer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: none;
}

.price-bar h3 {
    font-weight: normal;
    line-height: 50px;
}

.price-bar h3 span {
    display: block;
    float: left;
    width: 37px;
    height: 52px;
    margin-right: 15px;
    text-align: center;
    text-shadow: 1px 2px 2px #f9b017;
    font-family: 'museo_500regular';
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    background: url('../images/sprite-bg.png') -8px top no-repeat;
}

.price-bar .gallery {
    clear: both;
    width: 100%;
}

.price-bar .image {
    position: relative;
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.price-bar.product-page .gallery .image > a {
    display: block;
    width: 303px !important;
    height: 229px !important;
    overflow: hidden;
}

.price-bar .price {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 190px;
    height: 98px;
    background: url('../images/sprite-bg.png') right -238px no-repeat;
}

.price-bar .price span {
    display: block;
    padding: 24px 20px 0 0;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #75610a;
}

.price-bar .price strong {
    margin: 0 0 4px;
}

.price-bar .price span {
    font-size: 13px;
}

.price-bar .price strong {
    display: block;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: normal;
    font-weight: 500;
    color: #000;
}

.price-bar .text {
    width: 323px;
    margin-top: 15px;
    padding: 15px 0 16px;
    border: 1px solid #fde788;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fef6d2;
}

.price-bar .text p {
    padding: 0 30px 0 20px;
    line-height: 20px !important;
}

.price-bar .brand {
    width: 100%;
    padding: 10px 0 0 0;
    overflow: hidden;
}

.price-bar .brand li {
    float: left;
    padding: 0 10px 0 0;
    list-style: none;
}

.price-bar .brand li img {
    border: 1px solid #e1e1e1;
}

.price-bar .brand li.gap {
    padding-right: 0;
}

.price-bar .link {
    width: 100%;
    padding: 24px 0 12px;
}

.price-bar .link a,
.price-bar .btn {
    display: block;
    width: 206px;
    height: 56px;
    margin-left: -4px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    background: url('../images/sprite-bg.png') left -422px no-repeat;
}

.price-bar .link a:hover,
.price-bar .btn:hover {
    background: url('../images/sprite-bg.png') left -478px no-repeat;
}

.price-bar .floatright {
    float: right;
    margin: 0 0 0 30px;
}

.price-bar .floatright + section {
    clear: both;
}

.price-bar .note {
    clear: both;
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid #e1e1e1;
    overflow: hidden;
}

.price-bar .note span {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    color: #898989;
}

.price-bar .btn {
    position: absolute;
    right: 12px;
    bottom: 10px;
}

/* pagina bar */

.pagina-bar {
    width: 570px;
    padding-top: 22px;
    overflow: hidden;
}

.pagina-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.pagina-bar aside {
    float: right;
}

.pagina-bar h4 {
    float: left;
    font-size: 12px;
    line-height: 24px;
    color: #000;
}

.pagina-bar ul {
    float: left;
    list-style: none;
    list-style-type: none;
}

.pagina-bar li {
    float: left;
    width: 25px;
    height: 25px;
    padding-left: 5px;
    text-align: center;
    line-height: 22px;
}

.pagina-bar li a {
    display: block;
    border: 1px solid #dbdbdb;
    text-decoration: none;
}

.pagina-bar li.last {
    min-width: 84px;
}

.pagina-bar li a {
    text-decoration: none;
    color: #000;
}

.pagina-bar li a:hover,
.pagina-bar li.active a {
    font-weight: bold;
    background: #f4f3f3;
}

/* packet bar */

.packet-bar {
    width: 680px;
    padding: 14px 30px 1px 20px;
}

.packet-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.packet-bar h1 {
    padding-bottom: 4px;
    letter-spacing: -1px;
}

.packet-bar h2 {
    padding-bottom: 5px;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.packet-bar .head {
    width: 100%;
    padding-bottom: 9px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.packet-bar .packet {
    position: relative;
    width: 100%;
    padding: 14px 0 0 0;
    overflow: hidden;
}

.packet-bar .user {
    display: block;
    padding-top: 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

.packet-bar .left {
    float: left;
    width: 325px;
    padding-top: 16px;
}

.packet-bar.packetsub .left {
    float: right;
    width: 325px;
    padding-top: 5px;
}

.packet-bar h4 {
    font-size: 14px;
    line-height: 18px;
    margin: 0.75em 0 0;
}

.packet-bar .detail {
    width: 100%;
    padding-bottom: 2px;
}

.packet-bar ul {
    list-style: none;
    list-style-type: none;
}

.packet-bar .detail li {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 22px;
}

.packet-bar .detail li a {
    position: relative;
    padding-left: 15px;
    text-decoration: none;
    color: #070804;
    background: url('../images/sprite-bg.png') -591px -342px no-repeat;
}

.packet-bar .detail li a:hover {
    text-decoration: underline;
}

.packet-bar .detail li span {
    float: left;
    width: 180px;
}

.packet-bar .detail.gap .spacer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: none;
}

.packet-bar h3 {
    margin-bottom: 6px;
    padding-bottom: 10px;
    font-weight: normal;
    line-height: 50px;
}

.packet-bar h3 span {
    display: block;
    float: left;
    width: 37px;
    height: 52px;
    margin-right: 15px;
    text-align: center;
    text-shadow: 1px 2px 2px #f9b017;
    font-family: 'museo_500regular';
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    background: url('../images/sprite-bg.png') -8px top no-repeat;
}

.packet-bar .link {
    width: 100%;
    padding: 18px 0 11px;
}

.packet-bar .link button {
    display: block;
    width: 206px;
    height: 56px;
    margin: 0;
    margin-left: -8px;
    padding: 0 0 5px;
    border: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-family: Arial;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    background: url('../images/sprite-bg.png') left -422px no-repeat;
    cursor: pointer;
}

.packet-bar .link button:hover {
    background: url('../images/sprite-bg.png') left -478px no-repeat;
}

.packet-bar .link .btn {
    background: url('../images/sprite-bg.png') left -534px no-repeat;
}

.packet-bar .link .btn:hover {
    background: url('../images/sprite-bg.png') left -590px no-repeat;
}

.packet-bar .link p {
    font-style: italic;
    color: #959595;
}

.packet-bar .right {
    float: right;
    width: 325px;
    padding-top: 20px;
}

.packet-bar .gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.packet-bar .image {
    position: relative;
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.price-bar .image > a,
.packet-bar .image > a {
    display: block;
    width: 303px;
    height: 229px;
    overflow: hidden;
}

.packet-bar .custom > span {
    display: block;
    width: 75px;
    height: 57px;
    padding: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.price-bar .gallery .image > a {
    width: auto;
    height: auto;
}

.price-bar .gallery .image > .btn {
    width: 206px;
    height: 56px;
}

.packet-bar .price {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 190px;
    height: 98px;
    z-index: 1000;
    background: url('../images/sprite-bg.png') right -238px no-repeat;
}

.packet-bar .price span {
    display: block;
    padding: 24px 20px 0 0;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #75610a;
}

.packet-bar .price strong {
    display: block;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: normal;
    font-weight: 500;
    color: #000;
}

.packet-bar .nav {
    display: block;
    position: absolute;
    top: 12px;
    width: 22px;
    height: 66px;
    text-indent: -99999px;
    background: url('../images/sprite-bg.png') 82px top repeat-x;
}

.packet-bar .prve {
    left: 0;
}

.packet-bar .next {
    right: 0;
    background: url('../images/sprite-bg.png') 105px top repeat-x;
}

.packet-bar .thumb li {
    float: left;
    position: relative;
    padding-left: 10px;
}

.packet-bar .thumb li img {
    padding: 5px;
    border: 1px solid #e1e1e1;
}

.packet-bar .text {
    width: 323px;
    padding: 15px 0 16px;
    border: 1px solid #fde788;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fef6d2;
}

.packet-bar.packetsub .text {
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 10px;
    overflow: hidden;
}

.packet-bar .text p {
    padding: 0 30px 0 20px;
    line-height: 20px !important;
}

.packet-bar.packetsub .text p {
    padding-left: 10px;
}

.packet-bar .brand {
    width: 100%;
    padding: 15px 0 0 0;
    overflow: hidden;
}

.packet-bar .brand li {
    float: left;
    padding: 10px 24px 6px 0;
}

.packet-bar .brand li img {
    border: 1px solid #e1e1e1;
}

.packet-bar .brand li.gap {
    padding-right: 0;
}

.packet-bar.packetsub .right {
    float: left;
    width: 325px;
    padding-top: 9px;
}

.packet-bar .del {
    position: absolute;
    top: 22px;
    right: 0;
    width: 130px;
    padding-left: 25px;
    border: 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #070804;
    background: url('../images/sprite-bg.png') -586px -110px no-repeat;
    cursor: pointer;
}

.packet-bar .del:hover {
    text-decoration: underline;
}

.packet-bar.packetsub .info {
    clear: both;
    width: 100%;
    padding: 17px 0 10px 0;
}

.packet-bar.packetsub .gray {
    margin-top: 0;
    border: 1px solid #e1e1e1;
    background: #f4f3f3;
}

.packet-bar fieldset {
    clear: both;
    padding: 13px 0 0 0;
    border: 0;
}

.packet-bar .packet fieldset {
    padding: 0;
}

.packet-bar fieldset h2 {
    font-family: Arial,Helvetica,sans-serif;
}

.packet-bar fieldset .radio {
    display: block;
    float: left;
    width: 19px;
    height: 23px;
    margin: 2px 4px 0 0;
    background: url('../images/radio.png') no-repeat;
}

.packet-bar fieldset ul {
    clear: both;
    padding: 6px 0 6px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.packet-bar fieldset li {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 19px;
}

.packet-bar fieldset .space {
    clear: both;
    width: 100%;
    padding: 23px 0 30px;
}

.packet-bar fieldset .space:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.packet-bar p a {
    color: #0076a3;
}

.packet-bar p a:hover {
    text-decoration: none;
}

.packet-bar fieldset .btn {
    display: block;
    float: left;
    width: 256px;
    height: 56px;
    margin-left: -7px;
    padding-bottom: 10px;
    border: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    background: url('../images/sprite-bg.png') -206px -534px no-repeat;
    cursor: pointer;
}

.packet-bar .info-txt {
    display: block;
    float: left;
    width: 100%;
    padding-top: 0;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    color: #959595;
}

.packet-bar fieldset .btn:hover {
    background: url('../images/sprite-bg.png') -206px -590px no-repeat;
}

.packet-bar .back {
    display: block;
    float: left;
    margin: 6px 0 0 32px;
    padding-left: 20px;
    border-left: 1px solid #e1e1e1;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #070804;
}

.packet-bar .back:hover {
    text-decoration: underline;
}

.packet-bar.checkorder {
    padding-top: 44px;
    padding-bottom: 44px;
}

.packet-bar.checkorder h1 {
    padding-bottom: 8px;
}

.packet-bar.checkorder p {
    font-size: 13px !important;
}

.packet-bar.checkorder .head {
    padding-bottom: 13px;
}

.packet-bar .address {
    clear: both;
    width: 100%;
    padding: 35px 0 0 0;
}

.packet-bar .address:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.packet-bar .address li {
    float: left;
    width: 355px;
    padding-bottom: 32px;
}

.packet-bar .address li.noGap {
    width: 320px;
}

.packet-bar .address li span {
    float: left;
    width: 50px;
}

.packet-bar .address .txt {
    float: left;
    width: 270px;
    padding-top: 5px;
}

.packet-bar .address h2,
.packet-bar .info_order h2 {
    padding-bottom: 11px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

.packet-bar .address address {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
}

.packet-bar .address strong {
    display: block;
}

.packet-bar .address address a {
    color: #0076a3;
}

.packet-bar .address address a:hover {
    text-decoration: none;
}

.packet-bar .info_order {
    clear: both;
    width: 100%;
    width: 100%;
    padding: 20px 0 8px;
}

.packet-bar .info_order:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.packet-bar .detail:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.packet-bar .info_order li {
    padding: 2px 0 6px 15px;
    background: url('../images/detail-arrow.png') left 9px no-repeat;
}

.packet-bar.checkorder p span {
    font-style: italic;
    line-height: 24px;
}

.packet-bar.checkorder p a {
    color: #0076a3;
}

.packet-bar.checkorder p a:hover {
    text-decoration: none;
}

.packet-bar .play {
    display: block;
    position: absolute;
    top: 25%;
    left: 36%;
    width: 37px;
    height: 37px;
    text-indent: -9999999px;
    background: url('../images/pay-icon.png') left top no-repeat;
}

.packet-bar .thumb {
    position: relative;
    width: 280px;
    margin: 10px 20px 20px 20px !important;
    overflow: hidden;
}

.packet-bar #cust {
    position: relative;
    width: 450px;
    overflow: hidden;
}

.packet-bar .custom {
    float: left;
    position: relative;
    width: 80px;
    padding-left: 10px;
}

.packet-bar .custom img {
    min-height: 100%;
    min-width: 100%;
    cursor: pointer;
}

.packet-bar .custom span:after {
    content: '';
    position: absolute;
    bottom: 1px;
    width: 75px;
    height: 5px;
    background: #fff;
}

.packet-bar .play1 {
    display: block;
    position: absolute;
    top: 37%;
    left: 40%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

.packet-bar .slide {
    position: relative;
    width: 100%;
    padding-bottom: 2px;
    overflow: hidden;
}

/* center */

#center-part {
    width: 980px;
    margin: auto;
    padding: 20px 0 66px;
}

#center-part:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

/* option bar */

.option-bar {
    width: 940px;
    padding: 50px 20px 0 20px;
}

.option-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.option-bar .head {
    width: 940px;
    height: 50px;
    background: url('../images/line-bg1.jpg') left bottom repeat-x;
}

.option-bar ul {
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.option-bar .head li {
    float: left;
    padding-right: 2px;
    text-align: center;
    font-size: 14px;
}

.option-bar .head li a {
    display: block;
    width: 126px;
    border: 1px solid #e1e1e1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
    line-height: 48px;
    color: #070804;
    background: #f4f3f3;
}

.option-bar .head li a:hover,
.option-bar li a.current {
    border-bottom: 1px solid #fff;
    font-weight: bold;
    background: #fff;
}

.option-bar p {
    margin: 0 0 1em;
    padding-right: 40px;
    line-height: 20px;
}

.option-bar .text {
    width: 100%;
    padding: 24px 0 21px 0;
    overflow: hidden;
}

.option-bar figure {
    display: block;
    float: right;
    position: relative;
    margin: 8px 0 20px 20px;
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.option-bar .text ul {
    padding: 15px 0 22px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.option-bar .text li {
    float: left;
    width: 100%;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

.option-bar .text li a {
    display: block;
    float: left;
    padding-left: 14px;
    text-decoration: none;
    color: #070804;
    background: url('../images/drop-arrow.png') left center no-repeat;
}

.option-bar .text li a:hover {
    text-decoration: underline;
}

.option-bar h2 {
    font-size: 18px;
    line-height: 22px;
}

.option-bar .play {
    display: block;
    position: absolute;
    top: 37%;
    left: 40%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

/* ask bar */

.ask-bar {
    clear: both;
    padding: 0 10px 0 20px;
    overflow: hidden;
}

.ask-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.ask-bar h1 {
    padding-bottom: 8px;
}

.ask-bar p {
    padding-bottom: 25px;
    line-height: 24px;
}

.ask-bar p span {
    display: block;
    padding-left: 30px;
    background: url('../images/lease-icon.png') left top no-repeat;
}

.ask-bar .detail {
    float: left;
    position: relative;
    width: 288px;
    margin: 20px 10px 0 0;
    padding: 10px;
    min-height: 360px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #f4f3f3;
}

.ask-bar h3 {
    padding-bottom: 11px;
    line-height: 20px;
}

.ask-bar .detail.last {
    margin-right: 0;
}

.ask-bar .btn {
    padding-left: 30px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #0076a3;
}

/*
.ask-bar .btn { padding-left: 30px; width: 266px; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 48px; border: 0; text-shadow: -1px 1px #7b981a; text-decoration: none; color: #fff; height: 56px; display: block; background: url('../images/sprite-bg.png') -204px -422px no-repeat; }
.ask-bar .btn:hover { background: url('../images/sprite-bg.png') -204px -478px no-repeat; }
*/

.ask-bar .head {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.ask-bar ul {
    padding: 20px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.ask-bar li {
    float: left;
    width: 100%;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
}

.ask-bar li a {
    display: block;
    padding-left: 28px;
    text-decoration: none;
    color: #070804;
    background: url('../images/check-icon1.png') left top no-repeat;
}

.ask-bar li a:hover {
    text-decoration: underline;
}

.ask-bar .play {
    display: block;
    position: absolute;
    top: 24%;
    left: 38%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

.ask-bar .fig {
    clear: both;
    position: relative;
    padding: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    background: #fff;
}

.ask-bar .fig a {
    display: block;
    width: 278px;
    height: 128px;
    overflow: hidden;
}

.ask-bar img {
}

/* info bar */

.lease-bar {
    clear: both;
    padding: 0 10px 0 20px;
    overflow: hidden;
}

.lease-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.lease-bar .service_top {
    overflow: hidden;
    background: url('../images/service-top.jpg') left top no-repeat;
}

.lease-bar .service_mid {
    width: 940px;
    overflow: hidden;
    background: url('../images/service-mid.jpg') repeat-y;
}

.lease-bar .service_bottom {
    overflow: hidden;
    background: url('../images/service-bottom.jpg') left bottom no-repeat;
}

.lease-bar h1 {
    padding-bottom: 8px;
}

.lease-bar p {
    padding-bottom: 25px;
    line-height: 24px;
}

.lease-bar p span {
    display: block;
    padding-left: 30px;
    background: url('../images/lease-icon.png') left top no-repeat;
}

.lease-bar .detail {
    float: left;
    position: relative;
    width: 433px;
    padding: 16px 6px 81px 21px;
    min-height: 455px;
}

.lease-bar h2 {
    padding-bottom: 11px;
    font-size: 18px;
    line-height: 20px;
}

.lease-bar h3 {
    font-size: 14px;
    line-height: 20px;
}

.lease-bar ul {
    padding-bottom: 20px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.lease-bar li {
    padding-bottom: 9px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 20px;
    background: url('../images/check-icon1.png') left top no-repeat;
}

.lease-bar .option {
    position: relative;
    width: 100%;
    margin-top: -4px;
    overflow: hidden;
}

.lease-bar .option ul {
    padding-bottom: 15px;
}

.lease-bar .option li {
    padding-bottom: 0;
    padding-left: 14px;
    background: url('../images/drop-arrow.png') left center no-repeat;
}

.lease-bar .btn {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 12px;
    width: 296px;
    height: 56px;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 1px 1px #74901d;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #fff;
    background: url('../images/sprite-bg.png') -204px -422px no-repeat;
}

.lease-bar .btn:hover {
    background-position: -204px -478px;
}

.lease-bar .floatright {
    float: right;
}

/* info bar */

.info-bar {
    clear: both;
    width: 100%;
    padding: 22px 0 20px;
}

.info-bar .text {
    width: 100%;
    padding-bottom: 28px;
    overflow: hidden;
}

.info-bar .left {
    float: left;
    width: 440px;
    list-style: none;
    list-style-type: none;
}

.info-bar .left.noGap {
    float: right;
    padding-right: 30px;
}

.info-bar .left span {
    display: block;
    float: left;
    width: 62px;
    height: 71px;
    text-align: center;
    text-shadow: 1px 2px 2px #f9b017;
    font-family: 'museo_500regular';
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    background: url('../images/sprite-bg.png') -271px -0px no-repeat;
}

.info-bar aside {
    float: right;
    width: 358px;
    padding: 10px 0 0 0;
}

.info-bar h3,
.info-bar h4 {
    padding: 0 10px 10px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #070804;
}

.info-bar p {
    line-height: 24px;
}

.info-bar .link {
    width: 100%;
    height: 70px;
    margin-top: 20px;
    padding-left: 16px;
    overflow: hidden;
    background: url('../images/info-link.jpg') repeat-x;
}

.info-bar .lastGap {
    padding-bottom: 0;
}

.info-bar .over {
    width: 340px;
    margin: 0 auto;
}

.info-bar .btn {
    display: block;
    width: 340px;
    height: 70px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 66px;
    color: #343534;
    background: url('../images/sprite-bg.png') 0 -282px repeat-x;
}

.info-bar .btn:hover {
    background-position: 0 -352px;
}

/* detail bar */

.detail-bar {
    clear: both;
    width: 100%;
    padding-top: 16px;
}

.detail-bar ul {
    width: 980px;
    margin: 0 auto;
    overflow: auto;
    list-style: none;
    list-style-type: none;
}

.detail-bar li {
    float: left;
    position: relative;
    width: 340px;
}

.detail-bar li.last {
    width: 300px;
}

.detail-bar aside {
    width: 278px;
    height: 138px;
    padding: 11px;
    background: url('../images/detail-bg.png') left top no-repeat;
}

.detail-bar aside a {
    display: block;
    width: 278px;
    height: 128px;
    overflow: hidden;
}

.detail-bar h2,
.detail-bar h4,
.detail-bar h3,
.detail-bar h5 {
    padding: 15px 0 6px;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: 500;
    color: #070804;
    color: #070804;
}

.detail-bar p {
    padding: 0 30px 21px 0;
    min-height: 69px;
    line-height: 23px;
}

.detail-bar .link {
    padding-left: 15px;
    font-size: 14px;
    color: #0076a3;
    background: url('../images/detail-arrow.png') left center no-repeat;
}

.detail-bar .link:hover {
    text-decoration: none;
}

.detail-bar .play {
    display: block;
    position: absolute;
    top: 12%;
    left: 38%;
    width: 74px;
    height: 74px;
    text-indent: -9999999px;
    background: url('../images/pay-icon1.png') left top no-repeat;
}

/* client bar */

.client-bar {
    width: 100%;
    min-height: 288px;
    border-top: 1px solid #e1e1e1;
    background: #f4f3f3;
}

.client-bar .client-mid {
    clear: both;
    position: relative;
    width: 980px;
    margin: auto;
    padding-top: 24px;
}

.client-bar.subpage {
    min-height: 350px;
}

.client-bar .head p {
    padding: 5px 0 0 0;
    text-align: center;
    line-height: 16px;
}

.client-bar .txt {
    float: left;
    width: 445px;
}

.client-bar .txtright {
    float: right;
    width: 470px;
}

.client-bar .left {
    float: left;
    position: relative;
    width: 106px;
    padding: 5px 0 0 3px;
}

.client-bar .right {
    float: left;
    width: 325px;
}

.client-bar .star {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
}

.client-bar .star img {
    float: left;
}

.client-bar .over {
    position: absolute;
    top: 2px;
    left: -4px;
}

.client-bar h5 {
    text-align: center;
    font-family: 'museo_500regular';
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    color: #070804;
}

.client-bar .client {
    width: 100%;
    padding-bottom: 42px;
    overflow: hidden;
}

.client-bar .client img + img {
    width: 84px;
}

.client-bar p {
    padding-bottom: 10px;
    line-height: 24px;
}

.client-bar p a {
    color: #0076a3;
}

.client-bar p a:hover {
    text-decoration: none;
}

.client-bar h3 {
    font-size: 14px;
    line-height: 20px;
}

.client-bar span {
    font-size: 14px;
    font-style: italic;
    color: #959595;
}

.client-bar #slider {
    padding-top: 30px;
}

/* right */

#right-part {
    float: right;
    width: 230px;
    padding: 14px 20px 0 0;
}

#right-part:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

#right-part h2 {
    padding-bottom: 4px;
    border-bottom: 1px solid #e1e1e1;
    font-family: 'museo_500regular';
    font-weight: 500;
    line-height: 28px;
}

#right-part.rightpart {
    float: right;
    margin-bottom: 15px;
    width: 710px;
    padding: 0;
}

/* panelinfo bar */

.panelinfo-bar {
    width: 700px;
    padding: 14px 10px 1px 0;
    overflow: hidden;
}

.panelinfo-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.panelinfo-bar h1 {
    padding-bottom: 15px;
    letter-spacing: -1px;
}

.panelinfo-bar p {
    line-height: 22px;
}

.panelinfo-bar .head {
    clear: both;
    width: 100%;
}

.panelinfo-bar h3 {
    padding: 10px 0;
    font-size: 16px;
    line-height: 22px;
}

.panelinfo-bar ul.overview {
    padding: 20px 0;
    overflow: hidden;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.panelinfo-bar ul.overview li {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 190px;
    padding: 20px 45px 20px 0;
    border-top: 1px solid #ccc;
    background: none;
}

.panelinfo-bar ul.overview li a:first-child {
    display: block;
    width: 186px;
    height: 108px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.panelinfo-bar ul.overview li figure {
    display: block;
    width: 176px;
    height: 93px;
    padding: 5px;
    overflow: hidden;
}

.panelinfo-bar ul.overview li.last {
    padding-right: 0;
}

.panelinfo-bar ul.overview li.last + li {
    clear: left;
}

.panelinfo-bar .btn {
    display: block;
    width: 155px;
    height: 48px;
    margin-top: 10px;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 11px;
    font-weight: bold;
    line-height: 47px;
    color: #fff;
    background: url('../images/sprite-bg.png') -296px -704px no-repeat;
}

.panelinfo-bar .btn:hover {
    background: url('../images/sprite-bg.png') -296px -752px no-repeat;
}

.panelinfo-bar .image {
    clear: both;
    width: 100%;
    padding: 20px 0;
}

/* service bar */

.service-bar {
    width: 960px;
    padding: 14px 0 1px 20px;
    overflow: hidden;
}

.service-bar .service_top {
    overflow: hidden;
    background: url('../images/service-top.jpg') left top no-repeat;
}

.service-bar .service_mid {
    width: 940px;
    overflow: hidden;
    background: url('../images/service-mid.jpg') repeat-y;
}

.service-bar .service_bottom {
    overflow: hidden;
    background: url('../images/service-bottom.jpg') left bottom no-repeat;
}

.service-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.service-bar .left {
    float: left;
    width: 430px;
    padding: 10px 10px 10px 20px;
}

.service-bar .right {
    float: right;
    width: 420px;
    padding: 10px 20px;
}

.service-bar h1 {
    padding-bottom: 15px;
    letter-spacing: -1px;
}

.service-bar .num {
    display: block;
    margin-top: 10px;
    padding: 0 0 0 51px;
    font-size: 15px;
    line-height: 37px;
    background: url('../images/sprite-bg.png') -564px -148px no-repeat;
}

.service-bar .mail {
    display: block;
    margin-top: 5px;
    padding: 0 0 0 40px;
    font-size: 15px;
    line-height: 40px;
    background: url('../images/sprite-bg.png') -566px -775px no-repeat;
}

.service-bar p a {
    color: #0076a3;
}

.service-bar .head {
    clear: both;
    width: 100%;
}

.service-bar .detail {
    clear: both;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.service-bar p a:hover {
    overflow: hidden;
    text-decoration: none;
}

.service-bar h3 {
    padding-bottom: 15px;
    line-height: 22px;
}

.service-bar .tab {
    clear: both;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
}

.service-bar ul {
    padding-bottom: 10px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.service-bar li {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.service-bar h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

.service-bar h4 a {
    display: block;
    padding-left: 30px;
    text-decoration: none;
    color: #070804;
    background: url('../images/sprite-bg.png') -581px -604px no-repeat;
}

.service-bar .text {
    clear: both;
    padding: 10px 0 10px 30px;
    overflow: hidden;
}

.service-bar .active .text {
    display: block;
}

.service-bar p {
    font-size: 13px;
    line-height: 24px;
}

.service-bar h4 a:hover {
    color: #0076A3;
}

.service-bar li.active h4 a {
    color: #0076A3;
    background: url('../images/sprite-bg.png') -581px -683px no-repeat;
}

.service-bar .cta {
    padding-left: 25px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #0076a3;
}

.service-bar .cta + .tab {
    margin-top: 10px;
}

.service-bar .btn {
    display: block;
    float: left;
    width: 271px;
    height: 56px;
    padding-left: 25px;
    border: 0;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    background: url('../images/sprite-bg.png') -204px -422px no-repeat;
    cursor: pointer;
}

.service-bar .btn:hover {
    background: url('../images/sprite-bg.png') -204px -478px no-repeat;
}

.service-bar .contact {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.service-bar .contact p {
    padding-left: 51px;
    font-size: 14px;
}

.service-bar fieldset {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    border: 0;
}

.service-bar label {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
}

.service-bar .field {
    float: left;
    width: 300px;
    height: 22px;
    padding: 5px 10px;
    border: 1px solid #d2d1d1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.service-bar textarea {
    float: left;
    width: 300px;
    height: 120px;
    padding: 5px 10px;
    border: 1px solid #d2d1d1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    resize: none;
}

.service-bar fieldset p {
    float: left;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
    line-height: normal;
}

.service-bar fieldset .btn {
    width: 206px;
    height: 56px;
    padding: 0 0 6px 0;
    border: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px 1px #7b981a;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    background: url('../images/sprite-bg.png') left -422px no-repeat;
}

.service-bar fieldset .btn:hover {
    background: url('../images/sprite-bg.png') left -478px no-repeat;
}

.service-bar .add {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.service-bar .add h3 {
    padding-left: 40px;
    line-height: 46px;
    background: url('../images/piont-icon.png') left top no-repeat;
}

.service-bar address {
    padding-bottom: 20px;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
}

.service-bar .add-gap {
    clear: both;
    padding: 10px 40px;
    overflow: hidden;
}

.service-bar .add-gap img {
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.service-bar .add ul {
    padding: 10px 0;
    overflow: hidden;
}

.service-bar .add li {
    font-size: 14px;
}

.service-bar .add li span {
    display: block;
    float: left;
    width: 150px;
}

.service-bar .add p {
    padding-top: 10px;
    font-size: 14px;
}

.service-bar a.meer {
    display: block;
    float: left;
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #070804;
    background: url('../images/sprite-bg.png') -591px -340px no-repeat;
}

.service-bar a.meer:hover {
    font-weight: normal;
}

/* panel bar */

.panel-bar {
    width: 680px;
    padding: 14px 30px 1px 0;
    overflow: hidden;
}

.panel-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.panel-bar h1 {
    padding-bottom: 15px;
    letter-spacing: -1px;
}

.panel-bar p {
    line-height: 22px;
}

.panel-bar p a {
    color: #0076a3;
}

.panel-bar .head {
    clear: both;
    width: 100%;
}

.panel-bar p a:hover {
    text-decoration: none;
}

.panel-bar h3 {
    padding-bottom: 15px;
    line-height: 22px;
}

.panel-bar h2 {
    font-size: 24px;
}

.panel-bar .tab {
    clear: both;
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}

.panel-bar .tab_data ul {
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.panel-bar .tab_data li {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

.panel-bar h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

.panel-bar h4 a {
    display: block;
    padding-left: 30px;
    text-decoration: none;
    color: #070804;
    background: url('../images/sprite-bg.png') -581px -604px no-repeat;
}

.panel-bar .text {
    clear: both;
    width: 600px;
    padding: 10px 0 10px 30px;
    overflow: hidden;
}

.panel-bar p {
    font-size: 14px;
    line-height: 22px;
}

.panel-bar h4 a:hover {
    color: #0076A3;
}

.panel-bar li.active h4 a {
    color: #0076A3;
    background: url('../images/sprite-bg.png') -581px -683px no-repeat;
}

.panel-bar .data {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.panel-bar a.meer {
    display: block;
    float: left;
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #070804;
    background: url('../images/sprite-bg.png') -591px -340px no-repeat;
}

.panel-bar a.meer:hover {
    font-weight: normal;
}

.panel-bar .data h5 {
    margin: 0 0 20px;
    font-size: 14px;
}

.panel-bar .data p {
    padding-bottom: 15px;
}

.panel-bar .data ul {
    padding: 10px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.panel-bar .data li {
    float: left;
    width: 100%;
    padding: 0 0 10px 15px;
    font-size: 14px;
    line-height: 18px;
    background: url('../images/detail-arrow.png') left 5px no-repeat;
}

.panel-bar .back {
    display: block;
    float: left;
    height: 25px;
    padding: 0 10px;
    min-width: 84px;
    border: 1px solid #dbdbdb;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    color: #070804;
}

.panel-bar .back:hover {
    font-weight: bold;
    background: #f4f3f3;
}

/* text bar */

.text-bar {
    width: 680px;
    padding: 14px 30px 1px 0;
}


.text-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.text-bar h1 {
    letter-spacing: -1px;
}

.text-bar p {
    line-height: 22px;
}

.text-bar p a {
    color: #0076a3;
}

.text-bar p a:hover {
    text-decoration: none;
}

.text-bar .head {
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 20px;
    min-height: 56px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}

.text-bar .text {
    clear: both;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
}

.text-bar .image,
.panelinfo-bar .image {
    clear: both;
    width: 100%;
    padding: 20px 0;
}

.text-bar img,
.panelinfo-bar .image img {
    padding: 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.text-bar .banner img,
.panelinfo-bar .banner img {
    border: 0;
    padding: 0 0 20px;
}

.text-bar p span {
    display: block;
    padding-top: 5px;
    font-style: italic;
}

.text-bar h2 {
    border: 0 !important;
}

.text-bar h3 {
    padding-bottom: 15px;
    line-height: 22px;
}

.text-bar section {
    clear: both;
    width: 100%;
    padding-bottom: 20px;
    overflow: hidden;
}

.text-bar .head h1,
.newsinfo-bar .head h1 {
    margin: 0 0 0.25em;
}

.text-bar .head p,
.newsinfo-bar .head p {
    margin: 0;
}

.text-bar h1,
.text-bar h2,
.text-bar h3,
.text-bar ul,
.text-bar ol,
.text-bar p,
.newsinfo-bar h1,
.newsinfo-bar h2,
.newsinfo-bar h3,
.newsinfo-bar ul,
.newsinfo-bar ol,
.newsinfo-bar p,
.panel-bar .data h1,
.panel-bar .data h2,
.panel-bar .data h3,
.panel-bar .data ul,
.panel-bar .data ol,
.panel-bar .data p,
.tabber-bar .tab_data h1,
.tabber-bar .tab_data h2,
.tabber-bar .tab_data h3,
.tabber-bar .tab_data ul,
.tabber-bar .tab_data ol,
.tabber-bar .tab_data p {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.text-bar ul,
.newsinfo-bar ul,
.panel-bar .data ul,
.tabber-bar .tab_data ul,
.panelinfo-bar ul {
    padding: 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.text-bar li,
.newsinfo-bar li,
.panel-bar .data li,
.tabber-bar .tab_data li,
.panelinfo-bar li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0 15px;
    font-size: 14px;
    line-height: 22px;
    background: url('../images/detail-arrow.png') left 5px no-repeat;
}

.text-bar .item,
.newsinfo-bar .item {
    float: left;
    width: 340px;
    margin: 20px 0 0;
}

.item .text {
    clear: both;
    width: 100%;
    padding-top: 20px;
}

.item p {
    margin: 5px 0 0;
}

.item .text p {
    margin: 0 0 20px;
    padding-right: 20px;
}

/* faq bar */

.faq-bar {
    position: relative;
    margin-bottom: 20px;
    padding: 16px 15px 24px 19px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

.faq-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.faq-bar ul {
    padding: 10px 0 20px 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.faq-bar li {
    padding: 5px 0 5px 0;
    border-top: 1px solid #f0f0f0;
    font-size: 14px;
    line-height: 19px;
}

.faq-bar li:first-child {
    border: 0;
}

.faq-bar li a {
    text-decoration: none;
    color: #0076a3;
}

.faq-bar .arrow {
    padding-left: 15px;
    text-decoration: none;
    font-size: 14px;
    color: #0076a3;
    background: url('../images/drop-arrow.png') left center no-repeat;
}

.faq-bar li a:hover {
    text-decoration: underline;
}

/* custom bar */

.custom-bar {
    position: relative;
    margin-bottom: 20px;
    padding: 16px 15px 16px 19px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #f4f3f3;
}

.custom-bar:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.custom-bar p {
    padding: 18px 0 0 0;
}

.custom-bar .image {
    position: relative;
    width: 100%;
    padding: 15px 0 0 0;
}

.custom-bar .image img {
    padding: 5px;
    max-width: 176px;
    border: 1px solid #e1e1e1;
    background: #fff;
}

.custom-bar ul {
    padding: 17px 0 0 0;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.custom-bar li {
    padding: 0 0 10px 25px;
    font-size: 14px;
    line-height: 19px;
    border: none;
    background: url('../images/sprite-bg.png') -584px -512px no-repeat;
}

.custom-bar li a {
    text-decoration: none;
    color: #070804;
}

.custom-bar li a:hover {
    text-decoration: underline;
}

.custom-bar .num {
    float: left;
    margin: 15px 0 0 2px;
    padding: 0 0 7px 51px;
    font-size: 14px;
    line-height: 18px;
    background: url('../images/sprite-bg.png') -564px -148px no-repeat;
}

.custom-bar .play {
    display: block;
    position: absolute;
    top: 41%;
    left: 39.5%;
    width: 37px;
    height: 37px;
    text-indent: -9999999px;
    background: url('../images/pay-icon.png') left top no-repeat;
}

.custom-bar .subpage .num {
    margin-top: 9px;
}

.custom-bar .subpage img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.custom-bar .num strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
}

.custom-bar .subpage .num {
    padding-left: 0;
    background: none;
}

.custom-bar .subpage .head {
    width: 100%;
    overflow: hidden;
}

.custom-bar .subpage .phon {
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    text-indent: -999999px;
    background: #f4f3f3 url('../images/sprite-bg.png') -564px -148px no-repeat;
}

.custom-bar h2 span {
    display: inline-block;
    position: relative;
    margin: -20px 0 0 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 48px;
    line-height: 52px;
    color: #b2b3b2;
}

.custom-bar address {
    padding: 20px 0 12px 0;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
}

.custom-bar.backbg {
    padding-right: 12px;
    padding-bottom: 27px;
    background: #fff;
}

.custom-bar.last {
    margin-bottom: 0;
}

.custom-bar a {
    color: #0076a3;
}

.custom-bar .cricle {
    float: right;
    position: relative;
    width: 92px;
    height: 96px;
    margin: -10px -12px 0 0;
    padding: 3px 0 0 6px;
    overflow: hidden;
}

.custom-bar .cricle img {
    width: 84px;
}

.custom-bar .cricle + p {
    clear: left;
}

.custom-bar .over {
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 99px;
    background: url('../images/sprite-bg.png') 212px top repeat-x;
}

.custom-bar .star {
    float: left;
    width: auto;
    padding: 3px 0 0 0;
}

.custom-bar .star img {
    float: left;
}

.custom-bar p span {
    font-style: italic;
    color: #959595;
}

.custom-bar .subpage p {
    float: left;
    padding: 0;
}

.custom-bar .subpage p a {
    color: #0076a3;
}

.custom-bar .subpage p a:hover {
    text-decoration: none;
}

.custom-bar.bor h2 {
    border: 0 !important;
}

.custom-bar.bor {
    min-height: 226px;
}

.custom-bar h4 {
    margin-bottom: 5px;
    padding: 10px 38px 6px 58px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    line-height: 18px;
    background: url('../images/sprite-bg.png') -554px -550px no-repeat;
}

/* footer part */

#footer-part {
    width: 100%;
}

#footer-part #footer-mid {
    width: 100%;
    background: #343534;
}

/* thumb bar */

.thumb-bar {
    clear: both;
    width: 980px;
    margin: auto;
    padding: 17px 0 0 0;
}

.thumb-bar .thumb {
    width: 100%;
    padding-bottom: 17px;
    border-bottom: 1px solid #343534;
    overflow: hidden;
}

.thumb-bar .thumb ul {
    list-style: none;
    list-style-type: none;
}

.thumb-bar .thumb li {
    float: left;
    padding-left: 18px;
}

.thumb-bar .thumb li a {
    display: block;
    width: 148px;
    height: 83px;
    overflow: hidden;
}

.thumb-bar .thumb li:first-child {
    padding-left: 0;
}

.thumb-bar .term {
    width: 100%;
    padding: 17px 0;
    overflow: hidden;
}

.thumb-bar .term ul {
    text-align: center;
    list-style: none;
    list-style-type: none;
}

.thumb-bar .term li {
    display: inline;
}

.thumb-bar .term li:before {
    content: ' - ';
    padding: 0 5px;
    color: #898989;
}

.thumb-bar .term li:first-child:before {
    content: '';
}

.thumb-bar .term li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #898989;
}

.thumb-bar .term li a:hover {
    text-decoration: underline;
}

/* footer bar */

.contact-bar {
    clear: both;
    width: 980px;
    margin: auto;
    padding: 17px 0 0 0;
}

.contact-bar .blog {
    float: left;
    width: 274px;
    padding-right: 23px;
}

.contact-bar .volg {
    float: left;
    width: 193px;
    padding-right: 20px;
}

.contact-bar .contact {
    float: left;
    width: 470px;
}

.contact-bar h6 {
    padding-bottom: 16px;
    font-family: 'museo_500regular';
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    background: url('../images/contact-head.png') left bottom repeat-x;
}

.contact-bar .blog ul {
    padding-top: 15px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.contact-bar .blog li {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 39px;
    background: url('../images/contact-head.png') left bottom repeat-x;
}

.contact-bar .blog li a {
    text-decoration: none;
    color: #fff;
}

.contact-bar .blog li a:hover {
    text-decoration: underline;
}

.contact-bar .volg ul {
    padding-top: 20px;
    overflow: hidden;
    list-style: none;
    list-style-type: none;
}

.contact-bar .volg li {
    float: left;
    width: 100%;
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 44px;
}

.contact-bar .volg li a {
    display: block;
    height: 49px;
    padding-left: 66px;
    text-decoration: none;
    color: #fff;
    background: url('../images/sprite-bg.png') left -761px repeat-y;
}

.contact-bar .volg li a:hover {
    text-decoration: underline;
}

.contact-bar .volg li.fb a {
    background: url('../images/sprite-bg.png') left -709px repeat-y;
}

.contact-bar .volg li.yt a {
    background: url('../images/sprite-bg.png') left -658px repeat-y;
}

.contact-bar .left {
    float: left;
    width: 230px;
    padding-top: 28px;
}

.contact-bar p {
    line-height: 24px;
    color: #fff;
}

.contact-bar p a {
    color: #fff;
}

.contact-bar p a:hover {
    text-decoration: none;
}

.contact-bar address {
    padding: 13px 0 16px 0;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    color: #fff;
}

.contact-bar address a {
    color: #fff;
}

.contact-bar address span {
    font-weight: bold;
}

.contact-bar .con {
    display: block;
    padding-left: 54px;
    line-height: 36px;
    background: url('../images/sprite-bg.png') -564px -198px no-repeat;
}

.contact-bar .contact img {
    float: right;
    margin-top: 36px;
}

.contact-bar .image {
    float: right;
    width: 218px;
    margin: 0 0 20px;
    padding-bottom: 9px;
}

.contact-bar .image img {
    width: 100%;
}

/* Sudo Slider */

#slider ul {
    overflow: auto;
}

#slider ul,
#slider li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider,
#slider li {
    width: 980px;
    overflow: hidden;
}

#slider2,
#slider2 li {
    width: 325px;
    overflow: hidden;
}

#slider2 ul,
#slider2 li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* // Sudo Slider */

/* Numeric Navigation */

#controls ol {
    position: absolute;
    bottom: 0;
    left: 47%;
    list-style: none;
    list-style-type: none;
}

.subpage #controls ol {
    bottom: 8%;
    left: 47%;
}

#controls ol li {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 5px;
    text-indent: -999999px;
    list-style: none;
}

#controls ol li a {
    display: block;
    width: 14px;
    height: 14px;
    background: url('../images/dot-bg.png') left top no-repeat;
}

#controls ol li.current a {
    background-position: 0 -14px;
}

#controls ol li a:focus,
.prevBtn a:focus,
.nextBtn a:focus {
    outline: none;
}

.graphic,
.prevBtn,
.nextBtn {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -8000px;
}

.prevBtn,
.nextBtn {
    display: block;
    z-index: 1000;
    position: absolute;
    width: 30px;
    height: 77px;
    cursor: pointer;
}

.gallery ol {
    display: none;
}

.gallery .prevBtn {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 22px;
    height: 66px;
    background: #fff url('../images/sprite-bg.png') 82px top repeat-x;
}

.gallery .nextBtn {
    right: 0;
    background: url('../images/sprite-bg.png') 113px 12px repeat-x;
}

/* Caroussel */

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 980px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 980px;
    height: 83px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 148px;
    height: 82px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
    margin-left: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
    background: #fff;
}

/* Tooltip */

.ui-tooltip,
.arrow:after {
    border: 2px solid white;
    background: #666;
}

.ui-tooltip {
    padding: 10px 20px;
    border-radius: 20px;
    color: white;
    box-shadow: 0 0 7px black;
}

.arrow {
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 70px;
    height: 16px;
    margin-left: -35px;
    overflow: hidden;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.arrow.top:after {
    top: auto;
    bottom: -20px;
}

aside.errors {
    margin: 20px 0 0;
    padding: 25px 0 20px 20px;
    border: 1px solid red;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff7f4;
}

aside.errors ul {
    overflow: auto;
}

aside.errors li:before {
    content: '> ';
}

.feedback-company{
    width: 314px;
    padding:12px;
    float: right;
    position: relative;
    height: 96px;
    margin-top: -2px;
    background: #fff;
    -webkit-border: 1px solid #eae8e8;
    border: 1px solid #eae8e8;
}
.feedback-company a{
    text-decoration: none;
}
.feedback-company .feedback-logo{
    height: 100%;
    padding-right: 12px;
    border-right: 1px solid #e1e1e1;
    float:left;
    margin-right: 0px;
}
.review-holder{
    float: left;
    display: block;
    width: 100%;
}
.review-holder .review-list{
    float:left;
}
.review-holder .review-list ul{
    padding-left: 12px;
}
.review-holder .review-list ul li{
    list-style-type: none;
    padding-bottom: 6px;
    color: #5E5E5E;
    font-size: 12px;
}
.review-holder .review-list ul li span.star {
    width: 82px;
    height: 15px;
    background-size: 81px 14px;
    margin: 0 0 0 8px;
    float: right;
    position: relative;
}
.review-holder .review-list ul li span.star.star-1	{background: url(images/stars/1-ster.jpg) left center no-repeat;}
.review-holder .review-list ul li span.star.star-2	{background: url(images/stars/2-ster.jpg) left center no-repeat;}
.review-holder .review-list ul li span.star.star-3	{background: url(images/stars/3-ster.jpg) left center no-repeat;}
.review-holder .review-list ul li span.star.star-4	{background: url(images/stars/4-ster.jpg) left center no-repeat;}
.review-holder .review-list ul li span.star.star-5	{background: url(images/stars/5-ster.jpg) left center no-repeat;}

#header-part .logo{
    width: 323px;
    height: 100px;
    margin: 13px 0;
    display: inline-block;
}
#header-part .logo-essent{
    width: 160px;
    margin: 29px 0;
    display: inline-block;
    margin-left: 100px;`
}
#header-part .logo img{
    height: 100%;
    max-width: 270px;
}
#header-part .logo-essent img{
    width: 160px;
}
#header-part .headermid {
    min-height: 100px;
}
#header-part{
    height: 133px;
}
#layout {
    height: 179px;
}
.review-list p
{
    font-size: 12px;
    padding-left: 10px;
    line-height: 1em;
    padding-bottom: 9px;
    font-weight: 600;
    color: #505050;
}
.review-data{
    float: left;
    display: block;
    text-align: center;
}
.review-data h3{
    padding-bottom:2px;
    line-height: 1em;
    color: #5A5A5A;
    font-size: 16px;
}
.review-data img{
    margin-right: 0;
    float: left;
    padding: 0 8px;
}
.review-data p{
    clear: both;
    font-size: 12px;
    line-height: 1em;
    padding: 4px 0 2px 0 ;
    color: #505050;
}
.review-data .feedback-company-logo{
    opacity: 0.8;
    width: 164px;
    border-bottom: 1px solid #EAE8E8;
    padding:0px 28px 3px 28px;

}
.review-total{
    display: block;
    overflow: hidden;
    float: left;
    padding: 14px 21px;
    background-color: #96B808;
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 5px #7A7A7A, inset 0 -1px 11px #797878 ;
    -moz-box-shadow: 0px 2px 5px #7A7A7A, inset 0 -1px 11px #797878;
    box-shadow: 0px 2px 5px #7A7A7A, inset 0 -1px 11px #797878;
    color: #fff;
    text-shadow: 2px 1px 1px #74901d;
    margin: 7px 0px 0px 5px;
}
.total-score .firstletter{
    font-size: 49px;
    margin-right: -2px;
}
.total-score{
    font-size: 24px;
    display:block;
    letter-spacing: 0px;
}

.rating-bar {
    width: 164px;
    height: 24px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 25px;
}
.rating-bar img{
    z-index: 9999;
    display: block;
    overflow: hidden;
    padding:0px!important;
}
.rating {
    height: 24px;
    background-color: #96B808;
    background-repeat: no-repeat;
    width: 30%;
    display: block;
    position: initial;
}