/*-------------------------------  Fonts  ------------------------------------*/
@font-face {
    font-family: 'NeoSansPro Regular';
    src: url('../../css/fonts/neo_sans_medium.eot');
    src: url('../../css/fonts/neo_sans_medium.eot?#iefix') format('embedded-opentype'),
    url('../../css/fonts/neo_sans_medium.woff') format('woff'),
    url('../../css/fonts/neo_sans_medium.ttf') format('truetype'),
    url('../../css/fonts/neo_sans_medium.svg#myriadprolight') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

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

/*-------------------------------  default  ------------------------------------*/
body, html {
    position: relative;
    height: 100%;
    padding: 0 !important;
}
body {
    background: #fff;
}
body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  #F0E9D7 0%, #ffffff 75%);
    background: -webkit-linear-gradient(top,  #F0E9D7 0%,#ffffff 75%);
    background: -ms-linear-gradient(top,  #F0E9D7 0%,#ffffff 75%);
    background: linear-gradient(to bottom,  #F0E9D7 0%,#ffffff 75%);
}
body > * {
    position: relative;
    z-index: 1;
}
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.clear { clear:both; height: 0;}
.clearFix:after { content: ''; display: block; clear: both; height: 0; }
/*-------------------------------  custom  ------------------------------------*/
.custom-block {
    padding: 15px;
    font-size: 14px;
    line-height: 1.4em;
    font-family: 'NeoSansPro Regular', Arial, Helvetica, sans-serif;
    color: #6a6a6a;
}
.custom-block p b {
    font-size: 18px;
}
.custom-head {
    margin: 10px 0 20px;
}
.logo {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    text-decoration: none !important;
}
.custom-ttl, .custom-sub-ttl, body h2 {
    font-size: 26px;
    font-weight: bold;
    color: #5E5351;
}
.custom-ttl {
    margin-bottom: 10px;
}
.custom-sub-ttl {
    font-size: 20px;
    margin-bottom: 5px;
}
/*-------------------------------  b-call  ------------------------------------*/
body .b-calc-all {
    width: 650px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    font-family: 'NeoSansPro Regular', Arial, Helvetica, sans-serif;
}
body .b-form-calc-user,
body .b-form-calc-user .b-calc-line {
    width: 380px;
}
body .b-form-calc .b-calc-header,
body .b-calc-all .b-calc-header {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    background: #5e5351;
}
body .b-form-calc .b-calc-line label {
    color: #5E5351;
    text-align: right;
    padding: 12px 0 8px 10px;
    font-size: 13px;
    font-weight: normal;
}
body .b-form-calc .b-calc-line input.el-input,
body .b-form-calc .b-calc-line select.el-input {
    border-radius: 3px;
    padding: 7px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body .b-form-calc .b-calc-line select.el-input {
    padding: 6px 5px;
}
body .b-form-calc .b-calc-line span {
    margin-bottom: 5px;
}
body .b-form-calc-user .b-calc-line span {
    width: 260px;
}
body .b-form-calc-user .b-calc-line input.el-input-date {
    width: 80px;
}
body .b-form-calc .b-calc-line label.error {
    font-family: Arial;
    padding: 2px 10px;
    border-radius: 0 3px 3px 3px;
    margin: 0 10px;
    background: #f00;
    color: #fff;
    width: auto;
    bottom: 0;
}
body .b-form-calc.b-form-calc-user .b-calc-line label.error {
    left: 110px;
}
body .b-product-list {
    display: none;
    float: none;
    font-size: 20px;
}
body .b-form-calc .b-calc-line input.el-readonly {
    color: #F3801D;
}
body .bright {
    color: #5E5351;
    font-weight: normal;
}
body .table-products {
    padding-left: 5px;
}
body .table-products td {
    font-size: 14px;
}
body .b-calc-submit {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    vertical-align: middle;
    height: 32px;
    text-align: center;
    color: #fff;
    background: #87d27e;
    background: -moz-linear-gradient(top, #87d27e 0%, #64bc59 75%, #64bc59 99%);
    background: -webkit-linear-gradient(top, #87d27e 0%,#64bc59 75%,#64bc59 99%);
    background: -ms-linear-gradient(top, #87d27e 0%,#64bc59 75%,#64bc59 99%);
    background: linear-gradient(to bottom, #87d27e 0%,#64bc59 75%,#64bc59 99%);
    border: 1px solid #64bc59;
    border-radius: 4px;
    text-decoration: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body .b-calc-submit > * {
    background-color: transparent !important;
    font-size: 15px;
    font-weight: normal;
    font-family: 'NeoSansPro Regular', Arial, Helvetica, sans-serif;
    padding: 6px 15px 6px 15px;
}
body .b-calc-submit:hover > * {
    background-color: rgba(0,0,0,0.05) !important;
}