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

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

a {color:#0c6faf;}
a:hover {color:#1097ef;}
a.red {color:#d40000;}
a.red:hover {color:#ff2828;}

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

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

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


.block {
    width:100%;
    text-align:center;
}
.cont {
    text-align:left;
    display: inline-block;
    max-width: 1350px;
    width:100%;
}
.pad {
    padding:0 40px;
}


.row.lpad {margin:0 -20px;}
.row.lpad .col {padding:0 20px;}

.row.row-small {margin:0 -2px;}
.row.row-small .col {padding:0 2px;}

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

.mb-visible {display: none;}
.lg-visible {display: none;}
.sm-visible {display: none;}

@media (max-width: 1023px) {
    .lg-hidden {display: none !important;}
    .lg-visible {display: block;}
    .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%;}
}
@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,.h2,.h3,
h1,h2,h3 {
    margin: 50px 0 40px;
    text-align: center;
    font: 700 60px MPLUSRounded1c;
}

h1,.h1 {font-size: 40px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 22px;}
p {margin:10px 0 40px; line-height: 1.6em;}
p.large {font-size:113%;}
p.grey {
    color:#555;
    border-left:2px solid #00a4cd;
    padding-left:15px;
    margin-top:30px;
    margin-bottom:30px;
    font-size:90%;
}
select,textarea,input {
    padding:5px 10px;
    height:35px;
    font:300 14px MPLUSRounded1c;
    background: white;
    vertical-align: middle;
    margin:5px 0;
    border-radius: 0;
    border:1px solid #b9bfc2;
}

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

html {
    scroll-behavior: smooth;
}

.button i.ico, button i.ico {margin-left:5px; margin-right:0;}
.button:hover, button:hover {background: #bff5ff; color:black !important;}
.button *, button * {vertical-align: middle; display: inline-block;}
.button, button {
    padding:0 3rem;
    margin: 1rem;
    line-height: 4rem;
    height:4rem;
    vertical-align: middle;
    border:none;
    transition:all 200ms;
    font: 700 16px MPLUSRounded1c;
    letter-spacing: 0.05em;
    cursor:pointer;
    display: inline-block;
    text-decoration: none;
    background:#2971f5;
    color:white !important;
    border-radius: 2rem;
    text-align: center;
    text-transform: uppercase;
}
.button *, button * {vertical-align: middle;}
.button {line-height: 4rem !important;}

.button.small * {line-height:inherit;}
.button.small {
    font-size:12px;
    padding:0 10px;
    height:27px;
    line-height:12px;
    margin:0;
}

a.action:hover {color:#0081a1;}
a.action {
    font-size:14px;
    color:#2d3339;
    margin:8px 15px 8px 0;
    text-decoration: none;
}
.ico {
    display:inline-block;
    width:22px;
    height:14px;
    vertical-align: middle;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size:auto;
}
.w100 {width:100% !important;}
.clear {clear: both;}
.ico.glasses {background-image:url(../images/design/icon-glasses.png); width:22px; height:14px; background-size:22px auto; margin-top:-2px;}
.ico.mail {background-image:url(../images/design/icon-mail.png); width:22px; height:14px; background-size:22px auto; margin-top:-2px;}
.ico.mail-white {background-image:url(../images/design/icon-mail-white.png); width:22px; height:14px; background-size:22px auto; margin-top:-2px;}
.ico.arrow-white {background-image:url(../images/design/icon-arrow.png); width:19px; height:16px; background-size:auto 16px; margin-top:-2px;}
.ico.arrow-black {background-image:url(../images/design/icon-arrow-black.png); width:19px; height:16px; background-size:auto 16px; margin-top:-2px;}
.ico.arrow {background-image:url(../images/design/arrow-down.png); width:8px; height:5px; background-size:8px auto; margin-top:-2px;}
.ico.download {background-image:url(../images/design/icon-download-black.png); width:10px; height:13px; background-size:10px auto; margin-top:-2px;}
.ico.search {background-image:url(../images/design/icon-search.png); width:20px; height:20px; background-size:20px auto;}
.ico.menu {background-image:url(../images/design/icon-menu.png); width:25px; height:20px; background-size:auto 20px; background-position: 0 0; transition: all 300ms;}
.ico.close {background-image:url(../images/design/icon-close.png); width:22px; height:22px; background-size:22px auto;}

.ico.file {background-image:url(../images/design/file-doc.png); width:30px; height:46px; background-size:30px auto; margin:0;}
.ico.file.docx,
.ico.file.doc {background-image:url(../images/design/file-doc.png);}
.ico.file.pdf {background-image:url(../images/design/file-pdf.png);}
.ico.file.xlsx,
.ico.file.xls {background-image:url(../images/design/file-xls.png);}
.ico.file.jpeg,
.ico.file.jpg {background-image:url(../images/design/file-jpg.png);}

.h2 .ico,
h2 .ico {margin-right:0;}

.social-b,
.social-w,
.social {
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align: middle;
    background:url(../images/socials.png) no-repeat 0 0;
    background-size:288px auto;
}
.social.vk {background-position: -3px -3px;}
.social.fb {background-position: -39px -3px;}
.social.instagram {background-position: -75px -3px;}
.social.youtube {background-position: -111px -3px;}
.social.ok {background-position: -147px -3px;}
.social.twitter {background-position: -183px -3px;}
.social.pinterest {background-position: -219px -3px;}
.social.telegram {background-position: -255px -3px;}

.social-w.vk {background-position: -3px -147px;}
.social-w.fb {background-position: -39px -147px;}
.social-w.instagram {background-position: -75px -147px;}
.social-w.youtube {background-position: -111px -147px;}
.social-w.ok {background-position: -147px -147px;}
.social-w.twitter {background-position: -147px -147px;}
.social-w.pinterest {background-position: -219px -147px;}
.social-w.telegram {background-position: -255px -147px;}

.social-b.vk {background-position: -3px -111px;}
.social-b.fb {background-position: -39px -111px;}
.social-b.instagram {background-position: -75px -111px;}
.social-b.youtube {background-position: -111px -111px;}
.social-b.ok {background-position: -147px -111px;}
.social-b.twitter {background-position: -147px -111px;}
.social-b.pinterest {background-position: -219px -111px;}
.social-b.telegram {background-position: -255px -111px;}


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

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

.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.info tr.title td {
    font-weight: bold;
    border-bottom: 1px solid #777;
}
table.info {
    margin:10px -10px 30px;
}
table.info tr td {
    padding:10px 10px;
    border-bottom: 1px solid #ddd;
}


/* чекбоксы */
.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%;
    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:15px 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%;
}

.bold {font-weight: bold;}



.feedback {width:100%; max-width: 500px; display: inline-block;}
.feedback .line {width:100%;}
.feedback sup {color:red;}
.feedback tr td:first-child {max-width:120px;}
.feedback input {width:100%;}
.feedback textarea {width:100%; height:100px;}
.feedback select {width:100%;}
.feedback .captcha input {width:auto;}
.feedback .captcha * {vertical-align: middle;}
.feedback .button-cont {margin-top:10px;}

table.intext {
    min-width: 60%;
    margin:5px 0 25px;
}
table.intext tr:first-child td {
    border-top:none;
}
table.intext td {
    padding:5px 10px;
    border-top:1px solid #999;
    background:#eee;
}

table.form {margin:20px 0; width:100%;}
table.form tr td:first-child {
    padding-right:20px;
    width:50%;
}

.captcha-row img {margin:3px 5px 0 0;}
.captcha-row > div {
    display: inline-block;
    vertical-align: middle;
}

div.done,
div.alert {
    color:#d40000;
    border:1px solid #d40000;
    padding:0.8rem 1rem;
    background:url(../images/design/alert.png) no-repeat 15px 50%;
    border-radius: 1rem;
    margin: 2rem 0;
}
div.done {
    color:#4b7f21;
    border:1px solid #64a82c;
    background-image:url(../images/design/done.png);
    border-radius: 1rem;
    font-weight: 400;
}

.tabs {margin:0;}
.tabs > div.sel {
    border-color:white;
}
.tabs > div {
    display: inline-block;
    font:300 22px Lobster;
    padding:7px 0;
    margin-right:40px;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    transition: all 300ms;
    border:none;
    border-bottom:5px solid rgba(0,0,0,0);
    text-align: center;
}
.tabs > div > span {}

.tabs-cont {}
.tabs-cont .tabs-cont-item {
    max-height: 1500px;
    overflow: hidden;
    transition: all 300ms;
    padding:30px 0 70px;
}
.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;
}