* {
    padding:0;
    margin:0;
    box-sizing: border-box;
    line-height: 1.4em;
}
body {height:100%; font:normal 14px Roboto;}
html {height:100%;}
td {vertical-align:top; text-align:left;}
img {border:none;}
table {border-collapse: collapse;}


body {
    background:#fff;
    text-align: left;
}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

.va-top {vertical-align: top !important;}
.va-middle {vertical-align: middle !important;}
.va-bottom {vertical-align: bottom !important;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}


.block {
    width:100%;
    text-align: center;
}
.block .cont {
    display:inline-block;
    width:100%;
    max-width:1400px;
    text-align:left;
    padding-left:15px;
    padding-right:15px;
}

.row.r0 {margin:0 -5px;}
.row.r2 {margin:0 -15px;}
.row {margin:0 -10px;}
.row .col {
    display: inline-block;
    vertical-align: top;
    padding:0 10px;
}
.row.r0 .col {padding:0 5px;}
.row.r2 .col {padding:0 15px;}
.row .col.c1 {width:8.3333333%;}
.row .col.c2 {width:16.6666667%;}
.row .col.c3 {width:25%;}
.row .col.c4 {width:33.33333333%;}
.row .col.c5 {width:41.6666666%;}
.row .col.c6 {width:50%;}
.row .col.c7 {width:58.3333333%;}
.row .col.c8 {width:66.666667%;}
.row .col.c9 {width:75%;}
.row .col.c10 {width:83.333333%;}
.row .col.c11 {width:91.666667%;}
.row .col.c12 {width:100%;}

.row .col.c24 {width:20%;}

.single-row {display: block; width:100%;}
.single-col {display: inline-block; vertical-align: top;}

@media (max-width: 1023px) {.row .col.lg {display: block;width:100%;}}
@media (max-width: 767px) {.row .col.md {display: block;width:100%;}}
@media (max-width: 479px) {.row .col.sm {display: block;width:100%;}}


.mb-visible {display: none;}
@media (max-width: 1200px) {
    .row .col.xlg {display: block;width:100%;}
    .row .col.xlg-c1 {width:8.3333333%;}
    .row .col.xlg-c2 {width:16.6666667%;}
    .row .col.xlg-c3 {width:25%;}
    .row .col.xlg-c4 {width:33.33333333%;}
    .row .col.xlg-c5 {width:41.6666666%;}
    .row .col.xlg-c6 {width:50%;}
    .row .col.xlg-c7 {width:58.3333333%;}
    .row .col.xlg-c8 {width:66.666667%;}
    .row .col.xlg-c9 {width:75%;}
    .row .col.xlg-c10 {width:83.333333%;}
    .row .col.xlg-c11 {width:91.666667%;}
    .row .col.xlg-c12 {width:100%;}
}
@media (max-width: 1023px) {
    .row .col.lg {display: block;width:100%;}
    .row .col.lg-c1 {width:8.3333333%;}
    .row .col.lg-c2 {width:16.6666667%;}
    .row .col.lg-c3 {width:25%;}
    .row .col.lg-c4 {width:33.33333333%;}
    .row .col.lg-c5 {width:41.6666666%;}
    .row .col.lg-c6 {width:50%;}
    .row .col.lg-c7 {width:58.3333333%;}
    .row .col.lg-c8 {width:66.666667%;}
    .row .col.lg-c9 {width:75%;}
    .row .col.lg-c10 {width:83.333333%;}
    .row .col.lg-c11 {width:91.666667%;}
    .row .col.lg-c12 {width:100%;}
}
@media (max-width: 767px) {
    .md-hidden {display: none !important;}
    .row .col.md {display: block;width:100%;}
    .row .col.md-c1 {width:8.3333333%;}
    .row .col.md-c2 {width:16.6666667%;}
    .row .col.md-c3 {width:25%;}
    .row .col.md-c4 {width:33.33333333%;}
    .row .col.md-c5 {width:41.6666666%;}
    .row .col.md-c6 {width:50%;}
    .row .col.md-c7 {width:58.3333333%;}
    .row .col.md-c8 {width:66.666667%;}
    .row .col.md-c9 {width:75%;}
    .row .col.md-c10 {width:83.333333%;}
    .row .col.md-c11 {width:91.666667%;}
    .row .col.md-c12 {width:100%;}
}
@media (max-width: 479px) {
    .sm-hidden {display: none !important;}
    .mb-hidden {display: none;}
    .mb-visible {display: block;}
    .row .col.sm {display: block;width:100%;}
    .row .col.sm-c1 {width:8.3333333%;}
    .row .col.sm-c2 {width:16.6666667%;}
    .row .col.sm-c3 {width:25%;}
    .row .col.sm-c4 {width:33.33333333%;}
    .row .col.sm-c5 {width:41.6666666%;}
    .row .col.sm-c6 {width:50%;}
    .row .col.sm-c7 {width:58.3333333%;}
    .row .col.sm-c8 {width:66.666667%;}
    .row .col.sm-c9 {width:75%;}
    .row .col.sm-c10 {width:83.333333%;}
    .row .col.sm-c11 {width:91.666667%;}
    .row .col.sm-c12 {width:100%;}
}



h1 i.bullet:first-child,
h2 i.bullet:first-child,
h3 i.bullet:first-child {margin-left:0;margin-right:25px;}
h1 i.bullet,
h2 i.bullet,
h3 i.bullet {
    display: inline-block;
    background:#d40000;
    width: 6px;
    height:6px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top:-5px;
    margin-left:25px;
}
.h1,.h2,.h3,
h1,h2,h3 {
    font:500 32px Roboto;
}
h1,.h1 {font-size:22px; margin:30px 0 20px; color:#999;}
h2,.h2 {font-size:18px; margin:20px 0 10px;}
h3,.h3 {font-size:16px; margin:10px 0 5px;}
.h4 {font-weight: 900;}
p {margin:10px 0 15px;}
p.large {font-size:113%;}
select,textarea,input {
    padding:5px 10px;
    height:34px;
    font:300 16px Roboto;
    background: none;
    border:1px solid rgba(150,150,150,0.4);
    border-radius: 10px;
    vertical-align: middle;
}

ol,ul {margin:10px 20px 15px 40px;}
ul li {}

.button:hover, button:hover {}
.button *, button * {vertical-align: middle; display: inline-block;}
.button, button {
    font:500 14px Roboto;
    padding:0 12px;
    line-height: 32px;
    height:34px;
    vertical-align: middle;
    border:none;
    border-radius:3px;
    cursor:pointer;
    display: inline-block;
    text-decoration: none;
    background: rgba(150,150,150,0.3);
    color:white;
    transition: 300ms all;
}
.button {
    line-height: 34px !important;
}
.button.white:hover,
button.white:hover {color:#a40000;}
.button.white,
button.white {
    background: white;
    border-color:white;
    color:black;
}
.button.notext,
button.notext {padding-right:6px;}

.button.green:hover,
button.green:hover {background:#28BC18;}
.button.green,
button.green {
    background:#0fa500;
    color:white;
}

.button.empty:hover,
button.empty:hover {color:#d40000;}
.button.empty,
button.empty {
    background:none;
    color:#000;
    border-color: transparent;
    padding:0;
}

input.large {
    padding:0 25px;
    line-height: 50px;
    height:50px;
    border-radius: 25px;
}
input.white {
    background: white;
    border-color:white;
    color:black;
}



.button.small * {line-height:inherit;}
.button.small {
    font-size:14px;
    padding:1px 5px;
    height:23px;
    line-height:23px;
    margin:0;
}

a.action:hover {color:#a90006;}
a.action {
    font-size:14px;
    color:#2d3339;
    margin:8px 15px 8px 0;
    text-decoration: none;
}
.ico {
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align: middle;
    background:url(../images/icons-large.png) no-repeat;
    background-size:auto 30px;
    margin-top:0px;
}
.ico.night {background-position: 0px 0;}
.ico.light {background-position: -30px 0;}
.ico.fb {background-position: -60px 0;}
.ico.google {background-position: -90px 0;}
.ico.alert {background-position: -120px 0;}
.ico.portfolio {background-position: -150px 0;}
.ico.portfolio-grey {background-position: -180px 0;}
.ico.search {background-position: -210px 0;}

.sico {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align: middle;
    background:url(../images/icons-small.png) no-repeat;
    background-size:auto 20px;
}
.sico.add {background-position: 0px 0;}
.sico.alert {background-position: -20px 0;}
.sico.alert-white {background-position: -40px 0;}
.sico.arrow {background-position: -60px 0;}
.sico.more {background-position: -80px 0; cursor: pointer;}

.cico {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align: middle;
    background:url(../images/icons-currs.png) no-repeat;
    background-size:auto 20px;
}
.cico.none {background-position: 0px 0;}
.cico.usd {background-position: -20px 0;}
.cico.gold {background-position: -40px 0;}
.cico.copper {background-position: -60px 0;}
.cico.btc {background-position: -80px 0;}
.cico.oil {background-position: -100px 0;}
.cico.silver {background-position: -120px 0;}

.loader {
    background:url(../images/design/loader.gif) no-repeat 50% 50%;
}

.img img {display: none;}
.img {
    background:#eee url() no-repeat 50% 50%;
    background-size: cover;
    display: inline-block;
    width:100px;
    height: 100px;
}

.report tr.title td {font-weight: bold; border-bottom: 1px solid #777;}
.report {margin:15px 0;}
.report tr td:first-child {
    color:#777;
    /*min-width: 120px;*/
    padding-right:10px;
}
.report tr td .ico {width:18px; margin-right: 3px;}
.report tr td {
    padding:5px 0;
    border-bottom: 1px solid #ddd;
}
.report.small {font-size:14px;}

table.default tr.title td {font-weight: bold; border-bottom: 1px solid #777; color:black !important;}
table.default {margin:15px 0;}
table.default tr td .ico {width:18px; margin-right: 3px;}
table.default tr td:first-child {padding-left:0;}
table.default tr td {
    padding:5px 0 5px 15px;
    border-bottom: 1px solid #ddd;
}

/* чекбоксы */
.checkbox:hover {
    color:#589acc;
}
.checkbox {
    display: inline-block;
    position: relative;
    width:40px;
    height:20px;
    transition: all 300ms;
    background:#ddd;
    border-radius: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-top:-2px;
    margin-right:5px;
}
.checkbox > div {
    position: absolute;
    height:20px;
    width:20px;
    border-radius: 10px;
    transition: all 300ms;
    left:0;
    background:white;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.checkbox.checked {
    background:#2EA56A;
}
.checkbox.checked > div {
    left:50%;
}

.form .desc {
    vertical-align: middle;
    padding-right:10px;
    display: none;
}
.errors {
    color:#bf0000;
    padding:10px 15px;
    margin:5px 0 10px;
    background: white;
    border-radius: 4px;
    max-width: 300px;
}

.illust {margin:10px 20px;}
.illust.left {margin-left:0px; float:left;}
.illust.right {margin-right:0px; float:right;}
.illust.wide {margin:10px 0;}
.illust.wide img {
    width:100%;
}
.illust img {
    display: block;
}
.illust label {
    display: block;
    font-weight: 300;
    font-size:12px;
    opacity: 0.7;
    padding:10px 0;
}

.w100 {width:100%;}

.social {
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align: middle;
    background:url(../images/design/socials.png) no-repeat 0 100%;
    background-size:auto 25px;
}
.social.twitter {background-position: 0 0;}
.social.pinterest {background-position: -25px 0;}
.social.instagram {background-position: -50px 0;}
.social.fb {background-position: -75px 0;}
.social.youtube {background-position: -100px 0;}
.social.vk {background-position: -125px 0;}
.social.ok {background-position: -150px 0;}


.tabs {margin:0;}
.tabs > div.sel {
    border-bottom:2px solid #d40000;
}
.tabs > div {
    display: inline-block;
    font:14px Roboto;
    text-transform: uppercase;
    padding:12px 10px 0;
    height:43px;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    transition: all 300ms;
    border:none;
    border-bottom:2px solid #f4ede2;
    text-align: center;
}
.tabs > div > span {}

.tabs-cont {
}
.tabs-cont .tabs-cont-item {
    max-height: 1000px;
    overflow: hidden;
    transition: all 300ms;
    padding:30px 30px 50px;
}
.tabs-cont .tabs-cont-item.hidden {
    max-height: 0;
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.popup-back.show {
    opacity:1;
}
.popup-back {
    transition:opacity 300ms;
    opacity:0;
    display:none;
    position:absolute;
    background:rgba(0,0,0,0.5);
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 100;
}

.popup-cont.show {
    opacity:1;
}
.popup-cont > table.report {margin:15px 0;}
.popup-cont p {margin:10px 0;}
.popup-cont input {
    width:100%;
    box-sizing: border-box;
    margin:0;
}
.popup-cont h3 i {
    cursor:pointer;
    margin-top:10px;
}
.popup-cont h3 {
    border-bottom:1px solid #ccc;
    padding:0 0 10px;
    margin:0 0 5px;
    text-align: left;
}
.popup-cont {
    transition:opacity 300ms;
    opacity:0;
    display:none;
    background:white;
    border-radius:0;
    box-shadow:0 2px 10px rgba(0,0,0,0.7);
    position:fixed;
    left:50%;
    margin-left:-150px;
    padding:10px 0 5px;
    width:300px;
    top:30%;
    z-index: 101;
}
.popup-cont.wide {
    width:60%;
    margin-left:-30%;
    margin-top:10%;
    top:0;
    padding-left:15px;
    padding-right:15px;
    position:absolute;
}

.select-box-cont input,
.select-box-cont select {display: none;}
.select-box-cont > span {}
.select-box-cont > span > label {
    margin-right:5px;
    color:#777;
}
.select-box-cont > i {
    background:url(../images/design/arrows.png) no-repeat 50% 0;
    background-size:18px auto;
    position: absolute;
    right:10px;
    width:18px;
    height:18px;
    top:50%;
    margin-top:-9px;
    cursor: pointer;
}
.select-box-cont.showed {
    border-radius:15px 15px 0 0;
    border-bottom-color: #fff;
}
.select-box-cont.showed .sb-list {
    max-height: 200px;
    opacity: 1;
    border:1px solid #808080;
    border-radius:0 0 15px 15px;
    padding:5px 5px;
    overflow: auto;
}
.select-box-cont .sb-list > span:hover {
    background:#eee5d9;
}

.select-box-cont .sb-list > span {
    display: block;
    line-height: 1.8em;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 10px;
    padding:2px 15px;
}
.select-box-cont .sb-list {
    margin-left:-11px;
    overflow: hidden;
    max-height: 0;
    position: absolute;
    top:100%;
    transition: all 300ms;
    border:0 solid #808080;
    border-radius: 15px;
    padding:0 5px;
    left:10px;
    right:-1px;
    opacity: 1;
    background:white;
    z-index: 90;
}
.select-box-cont .close {
    display: none;
}
.select-box-cont {
    min-width: 50px;
    position: relative;
    display: inline-block;
    padding:5px 35px 5px 15px;
    height:33px;
    font:300 14px Roboto;
    background: white;
    border: 1px solid #808080;
    border-radius: 16px;
    vertical-align: middle;
    transition: all 300ms;
    text-align: left;
}
p.alert {color:#d40000;}

table.hidden {
    margin:10px 0 15px;
}
table.hidden td {
    padding:0 10px 5px 0;
}
table.alist tr td:nth-child(2) {
    font-weight: normal;
}
.table-cont {
    position: relative;
    overflow: auto;
}

.magnifier.hidden {
    max-width: 0;
    opacity: 0;
    box-shadow:none;
}
.magnifier img {
    position: absolute;
    transition: opacity 300ms;
}
.magnifier {
    max-width: 1000px;
    position: absolute;
    background:white url(../images/design/loader.gif) no-repeat 50% 50%;
    transition: all 300ms;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    overflow: hidden;
}

.sliderbar {
    position: relative;
    border-radius: 3px;
    height:6px;
    background:white;
    margin:14px 0;
    background: rgba(150,150,150,0.5);
}

.sliderbar > span {
    position: absolute;
    border-radius: 2px;
    width:20px;
    height:20px;
    border-radius: 50%;
    border:2px solid #d40000;
    margin-top:-8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    background: white;
    cursor: pointer;
    left:30%;
    z-index: 5;
}
.sliderbar > span.start {left:0;}
.sliderbar > span.end {left:80%; margin-left:20px;}

.sliderbar.sb-values {
    margin-bottom: 40px;
}
.sliderbar.sb-values > span.start {
    margin-top:-13px;
    height:30px;
    padding-top:3px;
    vertical-align:30px;
    width:80px;
    text-align: center;
    border-radius: 15px;
}

.sliderbar .line {
    background: transparent;
    position: absolute;
    height:100%;
    width:50%;
    left:20%;
    z-index: 0;
}
.sb-ruler {
    position: absolute;
    top:100%;
    z-index: 0;
}
.sb-ruler div {
    position: absolute;
    text-align: center;
    width:50px;
    margin-left:-25px;
    padding-top:10px;
}
.sb-ruler div s {
    position: absolute;
    top:0;
    left:50%;
    height:5px;
    width:1px;
    background:#777;
}

.note {
    font-weight: 200;
    color:#777;
}