.prices_form { border: $price-border-color $price-border-size solid; background: $price-bg-color; padding: 14px 0 0 0; width: 460px; margin: $price-margin; float: none; .price_item { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 10px 0; text-align: left; & > label { color: #000000; float: left; font-size: 12px; width: 100px; margin: 5px 28px 0 40px; text-align: right; a { color: #2988ca; } } .radio_currency { display: inline-block; vertical-align: top; width: 250px; } .select2 { width: 250px !important; min-width: 250px !important; } } .academic_level { position: relative; .price_item { position: relative; & > label { background: $price-bg-color; margin: 0; padding: 12px 17px 6px 40px; width: 108px; position: relative; top: -1px; } &:after { display: block; content: ""; position: absolute; right: 0; top: 0; background: $price-bg-color; width: 37px; height: 100%; } } .select2 { margin: 5px 0 0 8px; width: 242px !important; min-width: 242px !important; } } .prices_form_wrapper { background: $price-table-bg-color; width: 100%; display: table; font-family: Arial, Verdana, sans-serif; clear: both; .price_choice { overflow: hidden; padding: 0 8px; } .price_choice_item { background: #fff; border: $price-item-border-color $price-item-border-size solid; display: inline-block; width: 100%; padding: 5px 0; margin-bottom: 5px; cursor: pointer; &.active { border: $price-item-active-border-color $price-item-border-size solid; .cost { color: #29a643; } } .radio { float: left; margin: 2px 0 0 10px; } .time { color: #616a71; float: left; font-size: 14px; line-height: 22px; margin: 2px 0 0 30px; width: 100px; } .cost { float: left; font-size: 14px; line-height: 22px; margin: 2px 0 0 0px; width: 100px; } .gift { background: url(/assets/ui-kit/gift.png) no-repeat; float: left; width: 23px; height: 26px; margin: 0 10px; } .deadline { color: #616a71; float: left; font-size: 12px; line-height: 22px; margin: 2px 0 0 10px; width: 120px; } } } .price_total { border-top: #accbdf 1px solid; overflow: hidden; p, span { float: left; } span { color: #4c4c4c; font-size: 19px; line-height: 57px; margin-left: 19px; } p { color: #ec7215; font-size: 20px; font-weight: bold; line-height: 57px; margin-left: 3px; width: 88px; } .button { float: right; width: 250px; height: 57px; padding-left: 40px; padding-right: 40px; line-height: 57px; text-decoration: none; text-transform: none; font-weight: normal; font-size: 18px; margin: 0; position: relative; border: 1px solid rgba(0, 0, 0, 0.19); @include border-box; @include box-shadow(none); @include border-radius(0); &:after { display: block; content: ""; position: absolute; right: 20px; top: 50%; margin: -10px 0 0 0; background: none; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.25); } } } .price-resume { clear: both; .prices_resume { border-top: $price-resume-border-color 1px solid; // border-bottom: $price-resume-border-color 1px solid; display: inline-block; vertical-align: top; width: 100%; font-size: 12px; clear: both; .prices_resume_thead { display: table; height: 35px; width: 100%; border-bottom: $price-resume-border-color 1px solid; .prices_resume_time { background: #fff; padding: 0 2px; width: 43px; } } .prices_resume_title { display: table-cell; vertical-align: middle; width: 29px; text-align: center; } .prices_resume_services { display: table-cell; vertical-align: middle; width: 225px; padding: 4px 7px; text-align: center; } .prices_resume_time { border-left: $price-resume-border-color 1px solid; display: table-cell; vertical-align: middle; width: 47px; text-align: center; } .prices_resume_tbody { display: table; width: 100%; &.popular { margin-bottom: 6px; .prices_resume_title { background: $price-badge-popuplar-bg-color; } } &.other { .prices_resume_title { background: $price-badge-other-bg-color; } } .prices_resume_time { a { color: #2786c9; text-decoration: none; } &:hover, &.active { background: $price-resume-highlight-bg-color; a { color: $price-resume-highlight-color; } } } .prices_resume_services { text-align: left; } } .prices_resume_block { } .prices_resume_item { display: table; height: 31px; &.odd { background: #fff6e3; } } } } }