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


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

a {color:#0070ba;}
a:hover {color:#425db1;}

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

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

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


.block {
    width:100%;
    text-align: center;
}
.block .cont {
    display:inline-block;
    width:100%;
    text-align:left;
}

.row {
    margin:0 -10px;
}
.row .col {
    display: inline-block;
    vertical-align: top;
    padding:0 10px;
}
.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%;}

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


.md-visible {display: none;}
.sm-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;}
    .md-visible {display: block;}
    .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%;}
    
    .row {margin:0 -5px;}
    .row .col {padding:0 5px;}
}
@media (max-width: 479px) {
    .sm-hidden {display: none !important;}
    .sm-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,.h4,
h1,h2,h3,h4 {
    font:900 28px Cuprum;
}
h1,.h1 {font-size:30px; margin:40px 0 25px;}
h2,.h2 {font-size:30px; margin:30px 0 20px;}
h3,.h3 {font-size:24px; margin:20px 0 15px;}
h4,.h4 {font-size:20px; margin:10px 0 5px;}
p {margin:15px 0 25px;}
p.large {font-size:113%;}
select,textarea,input {
    padding:5px 10px;
    height:45px;
    font:300 14px Roboto;
    background: white;
    border:none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    vertical-align: middle;
    border-radius: 8px;
}

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

.button:hover, button:hover {
    color:white;
    background: #008ae5;
}
.button *, button * {vertical-align: middle; display: inline-block;}
.button, button {
    font:bold 18px Cuprum;
    padding:0 35px;
    line-height: 45px;
    height:45px;
    border-radius: 10px;
    vertical-align: middle;
    border:none;
    cursor:pointer;
    display: inline-block;
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(38, 162, 123, 0) 0%, #26a27e 150%), linear-gradient(to right, #232f5d, #192142);
    background: #0070ba;
    color:white;
    transition: 300ms all;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
button i.ico,
.button i.ico {}
.button {
    line-height: 47px !important;
}

.button.large,
button.large {
    padding:10px 50px;
    font-size: 20px;
    height:auto;
    line-height: 1em;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgba(38, 162, 123, 0) 0%, #26a27e 150%), linear-gradient(to right, #232f5d, #192142);
    background: #0070ba;
}
.button.large:hover {
    color:white;
}

.button.grey:hover,
button.grey:hover {
    background: #efefef;
    color:#333;
}
.button.grey,
button.grey {
    background: #e2e2e1;
    color:#333;
}

.button.blue:hover,
button.blue:hover {
    background: #425db1;
}
.button.blue,
button.blue {
    background: #0070ba;
    color:#fff;
}

.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;
}
i.ico {
    display:inline-block;
    width:18px;
    height:22px;
    vertical-align: middle;
    background-position: 50% 30%;
    background-repeat: no-repeat;
}
i.ico.youtube {background-image:url(../images/design/social-youtube.png); width:19px; height:17px; background-size: 19px auto;}
i.ico.to-catalog {background-image:url(../images/design/icon-catalog.png); width:13px; height:13px; background-size: 13px auto; margin-top:-3px;}
i.ico.more-white {background-image:url(../images/design/icon-more-white.png); width:16px; height:3px; background-size: 16px auto; margin-top:-3px;}
i.ico.more {background-image:url(../images/design/icon-more.png); width:21px; height:18px; background-size: 21px auto; margin-top:-3px;}
i.ico.menu {background-image:url(../images/design/icon-menu.png); width:30px; height:30px; background-size: 30px auto; margin-top:0px;}

i.ico.email {background-image:url(../images/design/icon-email.png); width:14px; height:28px; background-size: 14px auto;}
i.ico.recall {background-image:url(../images/design/icon-recall.png); width:24px;}
i.ico.close {background-image:url(../images/design/icon-close.png); width:17px; height:17px;}
i.ico.pdf {background-image:url(../images/design/file-pdf.png); width:20px; height:22px; margin-top:-2px; background-size: 20px auto; margin-right:5px;}
i.ico.cart {background-image:url(../images/design/icon-order.png); width:20px; height:20px; margin-top:0; background-size: 20px auto;}

i.ico.search {background-image:url(../images/design/icon-search.png); width:20px; height:20px; background-size:contain;}

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

.img img {display: none;}
.img {
    background: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; color:black !important;}
.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;}

/* чекбоксы */
.checkbox input {display: none;}
.checkbox {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url(../images/design/checkbox.png) no-repeat 0 100%;
    background-size:40px auto;
    cursor:pointer;
    margin:-2px 0px 0 0;
}
.checkbox:hover {background-position:100% 100%;}
.checkbox.checked {background-position:0 0;}
.checkbox.checked:hover {background-position:100% 0;}

.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%;
}

.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:20px 0 0;}
.tabs > div.sel {
    border-bottom:4px solid #d40000;
}
.tabs > div {
    display: inline-block;
    font: 900 24px Cuprum;
    padding:5px 0;
    margin-right:10px;
    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:10px 0px 0px;
}
.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;
}
.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 Cuprum;
    background: white;
    border: 1px solid #808080;
    border-radius: 16px;
    vertical-align: middle;
    transition: all 300ms;
    text-align: left;
}
p.alert {color:#d40000;}