Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Калькулятор */
- .calc_brand_wrap {
- margin-bottom: 15px;
- }
- p.calc_brand_title,
- p.calc_count_title,
- p.calc_full_title,
- p.calc_ion_title,
- p.calc_type_title{
- font-size: 24px;
- line-height: 28px;
- }
- .calc_brand_line {
- text-align: center;
- }
- .calc_brand_item {
- display: inline-block;
- vertical-align: middle;
- padding: 5px 10px;
- background: #fff;
- border: 1px solid #CDCDCD;
- font-size: 18px;
- line-height: 21px;
- font-weight: 300;
- color: #000;
- margin-right: 20px;
- cursor: pointer;
- transition: .2s all;
- }
- .calc_brand_item.active {
- background: #4B9127;
- box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
- border: none;
- color: #fff;
- border-color: #4B9127;
- }
- .calc_type_wrap {
- margin-bottom: 15px;
- }
- .calc_type_line {
- text-align: center;
- }
- .calc_type_item {
- display: inline-block;
- vertical-align: middle;
- padding: 5px 10px;
- background: #fff;
- border: 1px solid #CDCDCD;
- font-size: 18px;
- line-height: 21px;
- font-weight: 300;
- color: #000;
- margin-right: 20px;
- cursor: pointer;
- transition: .2s all;
- }
- .calc_type_item.active {
- background: #4B9127;
- box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
- border: none;
- color: #fff;
- border-color: #4B9127;
- }
- .calc_count_wrap {
- margin-bottom: 30px;
- }
- .calc_count_form {
- display: inline-block;
- vertical-align: middle;
- margin-right: 20px;
- }
- .calc_count_form_button {
- background: #fff;
- border: 1px solid #D6D6D6;
- color: #000;
- width: 40px;
- height: 40px;
- line-height: 40px;
- text-align: center;
- display: inline-block;
- vertical-align: middle;
- transition: .2s all;
- cursor: pointer;
- }
- .calc_count_form_button:hover {
- box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
- }
- .calc_count_form_input {
- width: 30px;
- height: 40px;
- text-align: right;
- font-size: 24px;
- line-height: 40px;
- display: inline-block;
- vertical-align: middle;
- color: #000;
- border: none;
- margin-left: 10px;
- }
- .calc_count_form_input:focus {
- outline: none;
- }
- .calc_count_form_label {
- font-weight: 300;
- font-size: 18px;
- display: inline-block;
- vertical-align: middle;
- line-height: 40px;
- height: 40px;
- padding-top: 2px;
- color: #000;
- margin: 0 20px 0 5px;
- }
- .calc_count_text {
- display: inline-block;
- vertical-align: middle;
- margin-left: 20px;
- }
- .calc_count_text_one {
- font-weight: 300;
- font-size: 24px;
- line-height: 28px;
- color: #000;
- }
- .calc_count_text_one span {
- font-weight: 500;
- }
- .calc_count_wrap sup {
- font-size: 50%;
- top: -7px;
- }
- .calc_ion_wrap {
- margin-bottom: 60px;
- }
- .calc_full {
- margin-top: 30px;
- text-align: center;
- }
- .calc_full_title {
- border-top: 1px solid #DFDFDF;
- }
- .calc_full_title span {
- background-color: #F8F8F8;
- padding: 5px 20px;
- display: inline-block;
- vertical-align: middle;
- margin-top: -30px;
- }
- p.calc_full_values {
- font-weight: bold;
- font-size: 36px;
- line-height: 49px;
- text-align: center;
- color: #000;
- }
- .calc_form {
- text-align: center;
- margin-top: 40px;
- }
- .calc_form_input {
- background: #FFFFFF;
- border: 1px solid #4B9127;
- font-weight: 200;
- font-size: 18px;
- line-height: 21px;
- text-align: center;
- color: #656565;
- display: block;
- width: 339px;
- height: 22px;
- margin: 0 auto 15px;
- padding: 20px 0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .calc_form_input:focus {
- outline: none;
- }
- .calc_form_button {
- width: 339px;
- height: 48px;
- margin: 0 auto 15px;
- line-height: 21px;
- display: block;
- background-color: #4B9127;
- color: #fff;
- font-size: 24px;
- line-height: 28px;
- text-align: center;
- color: #FFFFFF;
- cursor: pointer;
- }
- .calc_form_button:focus {
- outline: none;
- }
- .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,
- .irs--flat .irs-bar,
- .irs--flat .irs-handle>i:first-child{
- background-color: #4B9127 !important;
- }
- .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
- border-top-color: #4B9127 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement