.btn.mid {height: 33px;font: 14px arial;line-height: 33px;}
.btnr:hover {color:#fed0ff;}
.btn.btng:hover { color:#dfdfdf;}
input.btn.mid {height:35px;line-height: 35px;}
input.btn.mid, input.btn.big, input.btn.big2 {padding:0 5px;}

div.cartSteps { display:flex;justify-content: space-between;margin: 0 -5px 10px -5px;}
div.cartSteps .item {
    background: url(/images/cart-step-on.png) repeat-x left bottom;margin:0 5px;position:relative;width:auto;width:20%;
    display: block;float: left;height: 60px;font-size: 15px;line-height: 16px;color: #535151;padding: 3px 16px;
    text-shadow: 1px 1px 1px #ffffff;border: 1px solid #b0b0b0;border-bottom:none;overflow: hidden;
}
div.cartSteps .item.on { color:#74A501; text-shadow: none;}
div.cartSteps .item strong {display: block;font-size:21px;line-height:28px;}
div.cartSteps .item em {color:#cc0000;font-weight: bold; font-style: normal;text-shadow: none;}
div.cartSteps .item .icon-cart {
    background: url(/images/steps-icon-cart.png) no-repeat 0 0;
    width:30px;height:30px; position: absolute;top:22px;left:10px;
}
div.cartSteps .item .icon-complete { 
    background: url(/images/steps-icon-complete-on.png) no-repeat 0 0;
    width:30px;height:30px; position: absolute;top:25px;right:15px;
}
div.cartSteps .item:first-child { padding:3px 10px 3px 52px; }
div.cartSteps .item span { display: block;}
div.cartSteps .item span:last-child { font-size: 12px; line-height:17px; }
@media all and (max-width:800px){ 
    div.cartSteps .item { height:30px; }
    div.cartSteps .item i { display:none; }
    div.cartSteps .item span { display:none;}
    div.cartSteps .item:first-child { padding: 3px 16px; }
}
@media all and (max-width:600px){ 
    div.cartSteps .item { padding: 3px 3px;}
    div.cartSteps .item strong {display: block;font-size:1em;}
}
@media all and (max-width:400px){ 
    div.cartSteps .item { display:none;height:60px; }
    div.cartSteps .item.curr { display:block;width:100%; }
    div.cartSteps .item span { display:block; }
}
div.btns {margin:10px 0;display:flex;justify-content:space-between;align:right;align-items: center;}

table.data {border-spacing: 0 1px;width:100%;}
table.data tfoot th, table.data thead th, table.data thead td, table.data tr.header td { 
    background:#faf8f8;font-weight:normal;padding:5px;border-top: 1px solid #c8c8c8;
    -webkit-box-shadow: inset 0px -3px 0px -1px rgba(118,114,114,1);-moz-box-shadow: inset 0px -3px 0px -1px rgba(118,114,114,1);box-shadow: inset 0px -3px 0px -1px rgba(118,114,114,1);
}
table.data tfoot th:first-child, table.data thead th:first-child, table.data thead td:first-child, table.data tr.header td:first-child {border-left: 1px solid #c8c8c8;}
table.data tfoot th:last-child, table.data thead th:last-child, table.data thead td:last-child, table.data tr.header td:last-child {border-right: 1px solid #c8c8c8;}
table.data tbody td { 
    background:#ffffff; padding:10px 5px; border-top: 1px solid #c8c8c8; 
    -webkit-box-shadow: inset 0px -3px 0px -1px rgba(200,200,200,1);-moz-box-shadow: inset 0px -3px 0px -1px rgba(200,200,200,1);box-shadow: inset 0px -3px 0px -1px rgba(200,200,200,1);
}
table.data tbody td:first-child { border-left:1px solid #c8c8c8; }
table.data tbody tr td:last-child { border-right:1px solid #c8c8c8; }
table.data .price {color:#de5050;}
table.data tr th.recalc { text-align:left;border-right:1px solid #ffffff;}
table.data tr th.total {text-align: left;color:#204a20; border: 1px solid #59ad4d;}
table.data th.total .price {color:#204a20; font-size:18px; font-weight: bold;}
table.data .quantity {}
table.data .quantity input { 
    border:1px solid #c8c8c8;border-right:1px solid #c8c8c8;
    width:30px; height: 28px;
    text-align:center;z-index: 20;
}
table.data.invoices a { display:block; }
div.prodBox2.green div.item { box-shadow:0px 0px 0px 1px rgba(0,192,0,1);color:#000000; }
div.prodBox2.blue div.item { box-shadow:0px 0px 0px 1px rgba(170,170,255,1); }
@media all and (max-width:800px){ 
    table.data {font-size: 12px;}
}
@media all and (max-width:450px){ 
      div.notice {font-size: 12px;}
      #shopping_cart thead {display:none;}
      #shopping_cart tr {display:block;clear:both;}
      #shopping_cart tr td {
          display: block;float:left;width:20%;height:45px;overflow: hidden;padding:5px 0;border:none;
      }
      #shopping_cart tfoot th {display: block;border:none;}
      #shopping_cart tr td:first-child {box-shadow: none;border-left: none;}
      #shopping_cart tr td.col-name {box-shadow: none;width:80%;}
      #shopping_cart tr td.col-price, #shopping_cart tr td.col-qty {width:33.3%}
      #shopping_cart tr td.col-disc {display: none;}
      #shopping_cart tfoot tr th:first-child, #shopping_cart tr td.col-del {display: none;}
}

.form-errors {border: 1px solid #f33;  background-color: #ffc;}
div.form-errors h2 {margin: 0; text-transform: none;padding: 0 20px 0 25px;  font-size:14px; color: #fff; background: #f33 url(/sf/sf_admin/images/error.png) no-repeat 5px 6px;border-bottom: none;}
.form-errors dl { padding:0 5px; }
.form-errors dt {font-weight: bold; float: left;padding-right: 5px;}
.form-errors dd { margin: 0;}

.forms textarea, .forms input[type=text], .forms input[type=password], .forms select  { 
    border:1px solid #ccc;padding:10px;color:#515151;
}
.forms input[type=text], .forms input[type=password], .forms select  {max-width:250px;}
.forms textarea:focus, .forms input[type=text]:focus, .forms input[type=password]:focus, .forms select:focus {outline:none;}
.form-error { margin:0.75em 0 0 0;font-size: 12px;font-weight: bold;}
.form-error, .form-error label { color: #f03030; }
.forms p { padding:3px;margin:1px 0 3px 0;}
.forms .form-content {padding:5px 0}
.forms label { width:125px;display:block;float:left;line-height: 24px;}
.forms label.inline { display: inline-block;float:none;}
.forms label .star {color:#d70b0b;}
.forms .form-content label { line-height:40px;height: 40px;}
.forms input[type=checkbox] { margin-top:5px; }
div.form_header, h3.header { padding:10px; color:#000000;margin:5px 0 0 0;background: #efefef; }
.forms .form-error { text-align:left;margin-left:165px; }
.forms .help { font-size:12px;}
.forms .row { display: flex;}
div.form_header:after , .forms .row:after { clear:both;content: " ";display: block;}
.forms .prefix { display:inline-block;min-width:25px; }



#signup { padding:0 0; }
#signup p { padding:0 0 3px 0; }
#signup.forms label, #negotiate.forms label, #signup .fl.help.first { width:230px; }
#signup.forms label.inline { width:auto;}
#signup input, #signup.forms label, #negotiate.forms label { margin-right:5px; }
#signup.forms .fl label, #negotiate.forms .fl label { margin-right:0px; }
#signup .client_type label { width:auto; }
#signup .client_type input[type=radio] { margin-top:5px; }
#signup #rules-link, #signup #firm-link { color:#03548C;text-decoration: underline;}
#signup #rules-link:hover, #signup #firm-link:hover { text-decoration: none;}

@media all and (max-width:750px){ 
    #signup.forms label, #negotiate.forms label { width:100% }
    .forms .form-error { text-align:left;margin-left:0; }
    .forms textarea { max-width:300px; }
    .forms .row { display: block;}
}

table.payment_delivery {width:100%}
tr.process_block td, tr.process_block_head td { width:50%;vertical-align:top;}
div.checks {display:flex;}
div.checks h3 {margin:0;line-height: 25px;}
table.payment_delivery div.col {max-width: 600px;;overflow: hidden;}
table.payment_delivery div.col hr { border:none;border-top:3px solid #ccc; }
table.payment_delivery div.col .payment, div.process_block div.col .delivery { padding: 0 0 10px 0;}
table.payment_delivery div.col .item { padding:10px 0;}
table.payment_delivery div.col .item input[type=radio]{ margin-left:6px;}
table.payment_delivery .price { font-weight: bold; }
table.payment_delivery tr.process_block td:last-child h3 {display: none;}
@media all and (max-width:700px){ 
    table.payment_delivery tr { display:block; }
    table.payment_delivery tr.process_block_head td:last-child h3 {display: none;}
    table.payment_delivery tr.process_block td:last-child h3 {display: block;}
    table.payment_delivery tr td { display:block;width:100%; }
    table.payment_delivery tr.process_block div.col { width:100%;max-width:auto; }
}

.summary {display:flex;justify-content: space-between;}
.summary .col-1, .summary .col-2 {width: 48%;}

table.data-summary { border-spacing: 0;border-bottom: 1px solid #c8c8c8;}
table.data-summary tbody td:first-child { width: 30%;}
table.data-summary tbody td { background: #ffffff; border-top:none;box-shadow: none;}
table.data-summary tbody td:last-child { font-weight: bold;}
table.data-summary thead th, .summary table.data thead td, .summary table.data tr.header td { border-top: 1px solid #c8c8c8;}
table.data-summary tr.header a:hover { text-decoration: underline;}
@media all and (max-width:500px){ 
    .summary {display:block;}
    .summary .col-1, .summary .col-2 {width: 100%;}
}

div.summary-rodo {margin:0 auto;width:800px;font-weight:bold;}
div.summary-rodo .fl:first-child {width:30px;}
div.summary-rodo input[type=checkbox] {display:none;}
div.summary-rodo input[type=checkbox] + label{background: url(/images/icons/check_off.png);height: 25px;width: 25px;display:inline-block;padding: 0 0 0 0px;}
div.summary-rodo input[type=checkbox]:checked + label{background: url(/images/icons/check_on.png);height: 25px;width: 25px;display:inline-block;padding: 0 0 0 0px;}
div.summary-rodo .fl.info {width:770px;font-size:14px; line-height: 25px;}
div.summary-rodo, div.summary-rodo a {color:#699750;}
div.summary-button .btn {position:relative;background:url(/images/summary-btn.png) repeat-x 0 0;font-size:25px;font-weight:bold;
    padding:0;width:400px;line-height: 60px;height:60px;color:#ffffff;text-shadow: none;border:none;
}
div.summary-button .btn .ico{
    position:absolute;left:0;top:0;float:left; width:61px; height:60px;
    background:url(/images/summary-btn-arr.png) no-repeat 0 0;
}
div.summary-rodo .summary-check-req {color:red;background:yellow;animation: blinker 1s linear infinite;margin:5px auto;}
div.summary-rodo .summary-check-req:after {clear:both;}
@keyframes blinker {
  50% {opacity: 0.3; }
}
@media all and (max-width:800px){
    div.summary-rodo {width:400px;}
    div.summary-rodo .fl.info {width:370px;}
}
@media all and (max-width:500px){
    div.summary-button .btn {font-size:16px;width:280px;}
}

div.make_payment .active { background:#e5eef5; }
div.make_payment form fieldset { padding:0; }
div.make_payment form .submit { font-weight:bold; }
div.make_payment .pt_div { border-top:none; padding:5px 0;}
div.make_payment .container { margin:0;padding:0;cursor:pointer;margin:10px 0 0 0;border:1px solid #015D9E; }
div.make_payment .payment_choose { padding:5px;border-bottom:1px solid #cccccc;display: flex;justify-content:space-between;}
div.make_payment .active .payment_choose { background:#015D9E;color:#ffffff; }
div.make_payment .container:hover { background:#efefef; }
div.make_payment .active .payment_choose:hover { background:#015D9E; }
div.make_payment .payment_choose .right, div.make_payment .payment_choose_1 .right { padding-right:5px; }
div.make_payment .payment_choose .col1 { width:25px;text-align:center; }
div.make_payment .payment_choose .col2 { width:105px;text-align:center;padding-bottom:5px; }
div.make_payment .payment_choose .col3 { width:100%; }
div.make_payment .payment_choose .col1,div.make_payment .payment_choose .col2,div.make_payment .payment_choose .col3 {margin:0 5px}
div.make_payment .container p { padding:5px; }
div.make_payment .active .price { color: #ffffff; }

#fb-root { clear:both;content: " ";display: block;}
.forms.signin { width:42%; }
.forms.register { width:55%; }
.fbLoginC { height: 22px;overflow: hidden;}
.fbLoginC.register, .fbLoginC.login { margin-top: -45px;margin-bottom: 15px;text-align: right;}
.fbLoginC.signup { line-height:22px;}
.forms h3 {font:bold 18px arial;color:#333333;border-bottom: 1px solid #bebebe;line-height: 30px;}
.forms p.agr:after, #negotiate.forms p.agr:after { clear:both;content: " ";display: block;}
.forms label.agr, #negotiate.forms label.agr {width:95%;line-height: 25px;height: auto; }
@media all and (max-width:500px){ 
    .forms.signin, .forms.register {width:100%}
}
div.payment-logos:before { clear: both; }
div.payment-logos { margin:20px 0 10px 0; }