@import url(/wp-content/uploads/calc-tab-tarif/select.css);
@import url(/wp-content/uploads/calc-tab-tarif/checkbox.css);
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
.calculator {
background: #F8F8F8;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 24px;
}
.control__text {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #333333;
}
.tariffs__list {
padding: 0;
margin: 0;
list-style: none;
}
.tariffs__item {
display: flex;
align-items: center;
background: #FFFFFF;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.05);
border-radius: 8px;
margin-bottom: 24px!important;
padding: 32px;
flex-wrap: wrap;
}
.tariffs__title {
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
flex: 1;
margin-right: 16px;
}
.ecp-calculator .tariffs__title {
color: #626AB7;
}
.kudir-calculator .tariffs__title, .gosotchot-calculator .tariffs__title {
color: #488BCA;
}
.tariffs__price {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 38px;
color: #333333;
margin-right: 36px;
white-space: nowrap;
}
.tariffs__btn {
width: 100%;
margin-top: 16px;
}
.tariffs__btn a {
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
border-radius: 2px;
color: #ffffff;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 32px;
text-decoration: none;
font-family: 'Nunito Sans', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 18px;
transition: .3s;
}
.tariffs__btn a:hover {
box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 7%);
transition: .3s;
}
.ecp-calculator .tariffs__btn a {
background: #626AB7;
}
.ecp-calculator .tariffs__btn a:hover {
background: #4C55A9;
}
.kudir-calculator .tariffs__btn a, .gosotchot-calculator .tariffs__btn a {
background: #488BCA;
}
.kudir-calculator .tariffs__btn a:hover, .gosotchot-calculator .tariffs__btn a:hover {
background: #367aba;
}
.tariffs__warn {
max-width: 676px;
display: none;
}
.tariffs__warn--kudir {
display: block;
}
.tariffs__warn-head {
display: flex;
align-items: center;
}
.tariffs__warn-icon {
margin-right: 16px;
}
.tariffs__warn-title {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #333333;
}
.tariffs__warn-list {
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #333333;
margin-top: 8px;
padding-left: 12px;
}
.ip-tariff, .ip-kudir-tariff, .organization-kudir-tariff {
display: none;
}
.tariffs__warn-item {
margin-top: 8px;
}
.calculator__tariffs {
margin-top: 24px;
}
@media (min-width: 992px) {
.calculator {
padding: 48px;
}
.calculator__main {
display: flex;
justify-content: center;
}
.calculator__control {
padding-right: 32px;
border-right: 1px solid #eeeeee;
}
.calculator__tariffs {
margin-left: 32px;
margin-top: 0;
}
.tariffs__item {
flex-wrap: nowrap;
max-width: 676px;
}
.tariffs__btn {
width: auto;
margin-top: 0;
}
.tariffs__warn-list {
display: flex;
flex-wrap: wrap;
}
.tariffs__warn-item {
width: calc(100% / 2);
}
}