@charset "UTF-8";
/*...Reset Rules...*/
html {line-height:100%; background: #ffffff none !important;}
html>body {line-height:1; font-family:Arial,Tahoma,Helvetica,Verdana,Georgia,Times,sans-serif; font-size:12px; background: #ffffff none;}
ol, ul {list-style-type:none;}
table {border-spacing:0; border-collapse:collapse;}
caption, th, td {font-weight:normal; text-align:left; vertical-align:middle;}
thead th, thead td {font-weight:bold; vertical-align:bottom;}
a {border:none; text-decoration:none; outline:none; color:inherit;}
:focus, a:focus {outline:0;}
img, img:focus {border:none; outline:none;}
q, blockquote {quotes:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {display:block; clear:both; content:'';}
body, div, nav, menu, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, fieldset, form, legend, input, textarea, p, th, td {margin:0; border:0; padding:0; font-size:100%; vertical-align:baseline; outline:0;}
textarea {font-family:arial; font-size:12px;}

/*...Helpers...*/
.pull-right  {float:right;}
.pull-left   {float:left;}
.pull-center {text-align:center;}
.pull-none   {float:none;}
.clr  {clear:both;}
.bold {font-weight:bold;}
i {float:left; display:block; margin-bottom:40px;}
.spacer {margin-top:52px;}
.spacer-orders {margin:17px 0 29px 0;}
.visible {display:none;}

@font-face {font-family:'noto-sans'; font-weight:normal; font-weight:400; font-style:normal; font-style:normal;src:url('../fonts/NotoSans-Regular.ttf') format('truetype');}
@font-face {font-family:'noto-sans-bold'; font-weight:normal; font-style:normal; src:url('../fonts/NotoSans-Bold.ttf') format('truetype');}
@font-face {font-family:'noto-sans-italic'; font-weight:normal; font-style:normal; src:url('../fonts/NotoSans-Italic.ttf') format('truetype');}
@font-face {font-family:'noto-sans-bold-italic'; font-weight:normal; font-style:normal; src:url('../fonts/NotoSans-BoldItalic.ttf') format('truetype');}
/*...Heaader...*/
header {width:100%; background:#fff;}
header .checkout {margin:0 auto; border-bottom:1px solid #d6d6d6; width:894px; height:120px;}
header .logo-holder {float:left;}
header .logo-text {margin-top: 72px; display: inline-block; max-width: 545px;font-size:24px; font-family:"noto-sans"; color:#424242;}
header .logo {float:left; margin-top:20px;}
header .phone {display:inline-block; padding-left:30px; font-size:12px; line-height:17px; font-family:arial; background:url('../img/phone.png')no-repeat 1px -2px; color:#424242;}
header .header-text {float:right; margin-top:76px;}
header .header-text a {margin-left:18px; font-size:12px; font-family:arial; text-decoration:underline; color:#424242;}
header .phone:after, header .header-text a:after {display:inline-block; content:"|"; margin-left:18px;}
header .header-text a:last-of-type:after {display:none;}


footer {float:left; clear:both; position:relative; margin:0 auto; margin-top:55px; margin-bottom:135px; width:100%;}
footer a {display:block; line-height:14px; font-family:arial; font-size:12px; text-decoration:underline; color:#424242;}
footer span {display:block; font-family:arial;font-size:12px;}
footer .checkout {border-top:1px solid #d6d6d6; padding-top:20px;}
footer .copy {margin-top:25px; color:#000;}
footer .pull-right a {text-align:right;}
footer .pull-right .phone {text-align:right;}
footer .pull-right .powered-by a {display: inline;}

.breadcrumbs {margin:22px 0;}
.breadcrumbs ul {} 
.breadcrumbs ul li {display:inline-block; font-size:11px; font-family:arial; color:#8b8b8b;}
.breadcrumbs ul li:after {display:inline-block; position:relative; top:2px;margin:0 7px; width:8px; height:12px; content:''; background:url('../img/bread-after.png')no-repeat center center;}
.breadcrumbs ul li.active {color:#7ead23; font-weight:bold;}
.breadcrumbs ul li.active a {text-decoration:none}
.breadcrumbs ul li:last-of-type:after {background:none;}

/*...Step 1...*/
.checkout {position:relative; margin:0 auto; width:894px; font-family:arial; font-size:12px;}
.checkout form {float:left;}
.checkout h1, .checkout h2 {float:left; font-family:"noto-sans"; font-size:18px; color:#424242;}
.checkout label {float:left; display:block; position:relative; margin-top:15px; line-height:37px; font-family:arial; font-size:12px; color:#535353;}
.checkout label.valid {border:2px solid #7fba00; border-radius:4px; line-height:34px; height:39px;}
.checkout label.error {border:2px solid #ba0000; border-radius:4px; line-height:34px; height:39px;}
/*.checkout .pseudo-focus {position:absolute; top:0; left:0; margin-top:0;width:100%; height:100%; z-index:-1;} */
/*.checkout input:focus + .pseudo-focus {outline:2px solid #7fba00; z-index:1;}*/
.checkout label.valid input, .checkout label.valid textarea, .checkout label.error textarea,
.checkout label.error input, .checkout label.valid select, .checkout label.error select {border:none; border-left:1px solid #dcdcdc; width:317px; height:35px;}
.checkout label span {float:left; display:block; border:1px solid #dcdbdb; border-right:0; padding-left:10px; width:72px; background:#f8f8f8;}
.checkout label.longl span {width:143px;}
.checkout label.valid.longl input, .checkout label.error.longl input {width:248px;}
.checkout label.valid span, .checkout label.error span {border:none; height:34px;}
.checkout label.valid .captcha-code, .checkout label.error .captcha-code {height:32px;}
.checkout label input[type="radio"] {float:left; width:auto; height:auto; visibility:hidden;}
.checkout .radio-custom {margin-top:0; width:100%; line-height:18px; /*height:33px; overflow:hidden;*/ cursor:pointer;}
.checkout .radio-custom label {margin-top:3px;}
.checkout .radio-custom label .hint {margin-top:0;}
.checkout .radio-custom + .hint {margin-top:10px; margin-bottom:10px;}
.checkout label.radio-custom input {width:8px; height:5px;}
.checkout .radio-custom:first-of-type {margin-top:25px;}
.checkout .radio-custom .pseudo-input {float:left; position:relative; top:-2px; right:8px; margin:0;}
.checkout .radio-custom p {float:left; width:calc(100% - 90px);}
.checkout .radio-custom strong {display:inline-block; float:right;}
.pseudo-input.active-delivery:before {background:#7ead23;}

.checkout .one-half.valid {}
.checkout .one-half.valid input {width:171px;}
.checkout input, .checkout select {border:1px solid #dcdbdb;; padding-left:15px; width:320px; height:39px; line-height:37px; background:#fff;}
.checkout label.longl input, .checkout label.longl select {width:250px;}
.checkout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background:none;}
.checkout input, select, textarea, label {box-sizing:border-box;}
.checkout textarea {float:left; border:1px solid #dcdbdb;padding-top:10px; padding-left:15px; height:87px; width:320px; resize:none;}
.checkout select {height:39px;}

.checkout .diff-address {margin-top:25px; margin-right:-26px; margin-left:-26px; border:none; border-top:1px solid #dcdbdb; padding-top:15px;padding-right:26px; padding-left:26px; width:457px; line-height:33px; cursor:pointer;}
.checkout .diff-address:nth-of-type(2) {margin-top:0; padding-bottom:2px; border-top:none; padding-top:0;}
.checkout .diff-address:nth-of-type(2).open {}
.checkout .diff-address input {position:relative; top:5px; margin-right:7px; border:1px solid #e2e2e2; width:20px; height:20px;}
.checkout .diff-address.open {background:rgb(240, 240, 240);}
.checkout .diff-address.open:nth-of-type(1) ~ .diff-address:nth-of-type(2){padding-top:10px;}
.checkout .diff-address.open:nth-of-type(1) ~ .diff-address.open:nth-of-type(2){padding-top:20px; border-width:2px; border-right:0;border-bottom:none; border-left:0; border-image:url('../img/border-img.png') 2 0 0 0 stretch;}
.checkout .hidden {float:left; display:none; overflow:hidden; margin-right:-26px; margin-left:-26px; padding-bottom:19px; padding-left:26px; background:rgb(240, 240, 240);}
/*.checkout .hidden:first-of-type {border-top:1px solid #dcdbdb;}*/
.checkout .hidden:nth-of-type(2) {margin-top:0; margin-bottom:-8px; border-radius:0 0 8px 8px;padding-bottom:20px;}
.checkout .hidden:nth-of-type(2) .diff-address {margin-top:0;}
/*.checkout .hidden:last-of-type {margin-bottom:-29px; border-radius:0 0 8px 8px; padding-bottom:20px;}*/
.checkout-content {float:left; position:relative; margin-bottom:33px; border:1px solid #e2e2e2; border-radius:8px; padding:29px 26px 8px 26px; width:405px; background:#fff;}
.checkout .one-half {}
.checkout .one-half + .one-half span {border-left:none;}
.checkout .one-half input {width:174px;}
.checkout .one-half.error input,
.checkout .one-half.succes input {width:171px;}
.checkout .one-half.small input {padding-left:15px; width:110px;}
.checkout .one-half.small span {width:26px;}
.checkout .one-half.small.valid input {width:105px;}
.checkout-login {float:right; padding-right:30px; line-height:18px; font-family:arial; font-size:12px; background:url("../img/checkout-login-bgr.png") no-repeat 100% center; color:#8b8b8b; text-decoration:underline; cursor:pointer;}
.checkout .err-required {display:none; float:left; clear:both; margin-top:13px; margin-bottom:13px; border:2px solid #ba0000; border-radius:8px; width:455px; line-height:44px; height:44px; text-align:center; color:#ba0000; }
.checkout .btn-holder {clear:both; float:left;width:459px;}
.checkout .submit,
.checkout .back {margin-bottom:15px; border-radius:4px; padding:0 35px; width:auto; height:41px; line-height:43px; text-transform:uppercase; color:#fff; cursor:pointer;}
input.submit {border-radius:0;-webkit-appearance:none; }
.checkout .submit {float:right; border:none; background:#7ead23;}
.checkout .back {float:left; background:#8b8b8b;}
.checkout-items {float:left; position:absolute; top:0; left:459px; margin-left:21px; border:1px solid #e2e2e2; border-radius:8px; background:#f7f7f7; color:#6f6f6f;}
.checkout-items li {border-bottom:1px solid #e9e9e9; display:block; padding:18px 16px; width:380px;}
.checkout-items ul a {display:block; position:relative; max-height:92px; height:92px;}
.checkout-items ul img {float:left; margin-right:20px; border:1px solid #e0e0e0; width:91px; height:91px;}
.checkout-items ul p  {float:left; margin-right:30px; width:120px; max-height:35px; overflow:hidden;}
.checkout-items .qtty {margin-right:20px;}
.checkout-items .sum  {float:right; font-weight:bold;}
.checkout-items .param-holder {position:absolute; bottom:0; left:113px; width:auto;}
.checkout-items .param {display:block; float:none; margin-right:10px; line-height:1.1;}
.checkout-items .param span {font-weight:bold;}
.checkout-items .total {border-radius:0 0 8px 8px; padding:10px; font-size:14px; background:#fff;}
.checkout-items .total p {line-height:30px; text-align:right;}
.checkout-items .total p span {display:inline-block; min-width:135px; font-weight:normal;}
.checkout-items .total p span.delivery {background:url('../img/checkout-deliveryhint--bgr.png') no-repeat 100% center; min-width:110px; padding-right:25px; font-size:11px; font-style:italic; cursor:pointer;}
.checkout-items p.delivery span {min-width:108px; padding-right:25px; font-size:11px; font-style:italic; cursor:pointer;}
.checkout-items .total-sum {margin-top:25px; margin-bottom:10px; font-weight:bold;}
.checkout-items .total-sum span {font-size:18px; color:#7fba00; font-weight:bold;}
.checkout-items .paymentDetails {padding: 10px;}

.ui-autocomplete {max-height:300px; max-width:300px; overflow:hidden;}
.ui-tooltip {border:3px solid #e2e2e2; border-radius:8px; padding:10px; width:210px; font-size:12px; color:#666;}
.hint {float:left; margin-top:15px; font-size:11px; color:#8b8b8b; font-style:italic;}
.ui-autocomplete .ui-widget-content {font-family:arial;font-size:12px; background:#fff;}
.ui-autocomplete.ui-widget {font-size:12px; font-family:arial;}

/*...Step 2...*/

.checkout-edit {margin-top:-9px; position:absolute; right:20px; display:block; padding-left:28px; padding-right:41px; border-radius:4px; font-size:12px; font-family:arial; text-transform:uppercase; text-decoration:none; line-height:40px; height:39px; color:#fff; background:#8b8b8b url('../img/checkout-edit-bgr.png') no-repeat 115px 8px; cursor:pointer;}
.step2 {line-height:40px;}
.checkout-info {float:left; clear:both; margin-top:20px;}
.checkout-info p {line-height:20px;}
.checkout-info strong {display:block; margin-bottom:5px; line-height:20px; font-size:14px; font-family:"noto-sans"; font-weight:normal;}
.promo input {border-right:none; width:211px;}
.promo .back {float:right; height:39px; padding:0 19px;}
.promo-error {float:left; margin-top:20px; color:#ba0000;}
.remove-promo {float:left; margin-top:10px; text-decoration:underline;}
.checkout .promo-succes span {float:none; display:inline-block; padding-left:3px; border:none; background:none; font-size:18px; color:#429b00;width: initial;}
.promo-succes {width:100%; border-left:11px solid #7ead23; padding-left:13px; background:#f3f8eb;}
.promo-fader {position:absolute; left:0; top:0; border-radius:8px; width:100%; height:100%; text-align:center; background:rgba(255,255,255, .8) url('../img/loader.gif')no-repeat center center; background-size:20px; color:#6e6e6e; z-index:99;}
.promo-fader p {position:relative; top:59%;}
.payment-methods {float:left; clear:both; margin-top:20px;}
.payment-methods li {display:inline-block; margin-right:3px; width:62px; text-align:center; cursor:pointer;}
.payment-methods li:nth-of-type(7){margin-top:10px;}
.payment-methods li:last-of-type {margin-right:0;}
.payment-methods .img-holder {border-radius:4px; width:62px; height:62px; background-color:#e6e6e6; background-repeat:no-repeat; background-position:center center;}
.payment-methods .img-holder.active {background-color:#7ead23;}
.payment-methods li input {width:62px;}
.payment-methods li p {margin:7px 0; height:24px;}
.payment-methods li label {margin-top:0; line-height:1; cursor:pointer;}
.payment-methods li label input {width:0; height:0; visibility:hidden;}
.payment-methods .nalojen {background:url('../img/onDelivery.png')no-repeat center center;}
.payment-methods .bank {background:url('../img/bankTransfer.png')no-repeat center center;}
.payment-methods .easypay {background:url('../img/easyPay.png')no-repeat center center;}
.payment-methods .epay {background:url('../img/ePay.png')no-repeat center center;}
.payment-methods .paypal {background:url('../img/payPal.png')no-repeat center center;}
.payment-methods .bitcoin {background:url('../img/bitPay.png')no-repeat center center;}
.payment-methods .active.nalojen {background:url('../img/onDelivery-active.png')no-repeat center center;}
.payment-methods .active.bank {background:url('../img/bankTransfer-active.png')no-repeat center center;}
.payment-methods .active.easypay {background:url('../img/easyPay-active.png')no-repeat center center;}
.payment-methods .active.epay {background:url('../img/ePay-active.png')no-repeat center center;}
.payment-methods .active.paypal {background:url('../img/payPal-active.png')no-repeat center center;}
.payment-methods .active.bitcoin {background:url('../img/bitPay-active.png')no-repeat center center;}
.pseudo-input {margin:0 auto;border:1px solid #ddd; border-radius:50%; width:18px; height:18px;}
.pseudo-input:before {display:block; margin:3px; border-radius:50%;width:12px; height:12px; content:'';
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;
-o-transition:background .4s ease;
transition:background .4s ease;
}
@-moz-document url-prefix() {.pseudo-input {margin-top:0px;}}
.payment-methods .img-holder.active ~ .pseudo-input:before {background:#7ead23;}
.agree-holder {float:left; clear:both; margin-bottom:30px;} 
.agree-holder .diff-address {margin-top:0; border:none; padding-top:0; line-height:20px;}

/*...Login...*/
.login-fader {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255, .8); z-index:98;}
.loginPopup  {position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-227px; border:1px solid #dcdbdb; padding:42px 54px; width:346px; background:#fbfbfb; z-index:99;}
.loginPopup form {background:#fbfbfb;}
.loginPopup form span {width:113px;}
.loginPopup form input {width:230px;}
.loginPopup form .valid input {width:228px;}
.loginPopup form a {float:left; margin-top:10px; text-decoration:underline; color:#8c8c8c;}
.loginPopup form .btn-holder {margin-top:10px; width:355px;}
.loginPopup form .btn-holder a {margin-top:0; text-decoration:none;}
.loginPopup label.error {width:100%; text-align:center;color:#ba0000;}

/*...Step 3 End...*/
.order-end {margin:50px auto; border:1px solid #e2e2e2; border-radius:8px; width:893px; text-align:center;color:#424242;}
.order-end h3 {margin-top:48px; margin-bottom:70px;font-family:'noto-sans'; font-size:22px;}
.order-end p {/*margin-bottom:30px;*/ margin-right:auto; margin-left:auto; max-width:570px; line-height:19px;font-size:12px;}
.order-end p span {font-weight:bold;}
.order-end .number {margin-bottom:20px; text-transform:uppercase;}
.order-end .number-holder {display:inline-block; margin-bottom:55px;border:2px solid #7ead23; padding:0 79px; height:37px; line-height:37px; font-size:24px; font-weight:'noto-sans-bold'; color:#7ead23;}
.back-to-shop {display:block; margin:0 auto; margin-bottom:67px;border-radius:4px; padding:0 35px; width:auto; max-width:140px; height:41px; line-height:43px; font-size:12px; cursor:pointer; text-transform:uppercase; background:#8b8b8b; color:#fff;}

.mobile  {display:block;}
.desktop {display:none;}

/*...User Profile...*/
.user {font-family:arial; margin-top:100px; width:894px;}
.user .nav {float:left;}
.user .nav li {float:left; display:inline-block; position:relative; margin-right:1px; border:1px solid #e2e2e2; border-bottom:none; border-radius:8px 8px 0 0; height:62px; line-height:62px; font-size:13px; cursor:pointer; background:#f7f7f7; color:#3a3a3a;}
.user .nav li a {display:block; padding:0 26px;}
.user .nav li.active {margin-top:-10px; border-bottom:none; height:67px; line-height:67px; background:#fff; color:#7ead23; z-index:9;}
.user .nav li.active:after {display:block; position:absolute; left:0; width:100%; height:1px; content:''; background:#fff;}
.user .user-content {float:left; position:relative; top:-5px; border:1px solid #e2e2e2; border-radius:8px; padding:38px 26px; width:842px; background:#fff;}
.user .user-name {float:none; padding-bottom:10px;font-family:'noto-sans'; font-size:18px; color:#424242;}
.user .bord {border-bottom:1px solid #d7d7d7; width:100%;}
.user .no-orders {line-height:50px; font-style:italic; color:#9f9f9f;}
.user .left {float:left; margin-top:35px; margin-bottom:0;}
.user .logout {position:relative; top:6px; margin-bottom:0; float:right; padding-left:57px; background:#8b8b8b url('../img/logout-btn.png')no-repeat 30px center;}
.user .order-info {line-height:57px; color:#686868;}
.user .order-info a {margin-left:14px; text-decoration:underline; text-transform:lowercase;}
.user .order-info span {font-weight:bold;} 
.user .user-holder {width:458px;}
.user .hint {font-size:12px; font-style:normal;}
.user .pass span  {width:142px;}
.user .pass input {width:251px;}
.user .pass.new {margin-top:27px;}
.user .confirm-pass {float:left; margin:15px 0;}
.user .err-required {width:400px;}
.user .news input {position:relative; top:5px; margin-right:7px; border:1px solid #e2e2e2; width:20px; height:20px;}
.user .save {margin-right:54px; margin-bottom:0; clear:both;}
.user .one-half.valid input {width:169px;}
.user .one-half.small.valid input {width:107px;}
.user .show-more {height:31px; line-height:31px; font-size:10px; padding: 0; width: 115px; text-align: center;}
.user .order-again {height:31px; margin-top: -10px; line-height:31px; font-size:10px; padding: 0; width: 115px; text-align: center; background-color: #aeaeae; }

.orders-hint {float:left; clear:both; margin:17px 0 27px 0; color:#9f9f9f;}
.orders {float:left; clear:both;}
.orders-info {float:left; max-width:260px;}
.orders-info .paid {color: #7a9346; font-weight: bold;}
.orders-info .pendingPayment {color: red; font-weight: bold;}
.orders > li {float:left; display:block; position:relative; margin-bottom:6px; border:1px solid #e2e2e2; padding:18px 19px; width:385px;}
.orders > li.active {background:#f7f7f7;}
.orders > li.active:after {display:block; position:absolute; top:50%; top:calc(50% - 5px); right:-8px; width:12px; height:14px; content:''; background:url('../img/orders-active-after.png')no-repeat;}
.orders > li.active .show-more {background:#5e5e5e;}
.orders > li p {line-height:16px;}
.orders > li span {font-weight:bold;}
.orders > li span.send {font-weight:normal; color:#7ead23;}
.orders > li span.proceed {font-weight:normal; color:#b80000;}
.orders .checkout-items {display:none; position:absolute; left:100%; top:-2px; margin-left:10px; min-width:412px;}

/*...Login...*/
.login {}
.login form .btn-holder {margin-top:20px; width:403px;}
.login form .btn-holder a {display:inline-block; margin-right:10px; line-height:40px; text-decoration:underline;}
.login .captcha-code {padding-top:3px; padding-right:4px; padding-left:6px; height:34px; background:rgb(227, 225, 223);}
.login-desc {clear:both; margin-top:20px; color:#535353;}
.login .login-info {float:left; color:#535353;}
.login .enter-num {float:left; margin-top:20px; line-height:14px;}
.login .login-text {line-height:14px; color:#535353;}


@media screen and (max-width:1023px){
	header, footer {width:auto;}
	header .logo {margin-top:20px; max-width:180px;}
	header .logo img {width:100%;}
	header .phone {padding-left:0px; background:none;}
	header .header-text {display:block; margin-top:30px; margin-right:20px; text-align:right;}
	header .header-text a {}
	header .header-text a {display:block; margin-left:0; line-height:23px;}
	header .header-text span {line-height:23px;}
	header .phone:after, header .header-text a:after{content:""; margin-left:0;}
	footer {margin-top:0; margin-bottom:20px; padding-left:20px; padding-right:20px; width:calc(100% - 40px);}
	footer .checkout, header .checkout {width:auto;}
	footer a {line-height:23px;}
	footer span {line-height:23px;}
	footer .copy {float:left; display:block; position:absolute; top:90px; margin-bottom:20px;}
	.checkout {margin-top:0;}
	/*.checkout-items ul li {width:426px}*/
	.user .nav {padding:10px 0 10px 10px;}
	.user .nav li, .user .logout {width:56px; height:56px; font-size:0; line-height:56px; border-radius:0; border:none; margin-right:5px; padding:0 12px;}
	.user .nav li:first-of-type {background:#5e5e5e url('../img/mob-profile.png')no-repeat center center;}
	.user .nav li:nth-of-type(2){background:#5e5e5e url('../img/mob-profile-change.png')no-repeat center center;}
	.user .nav li:nth-of-type(3){background:#5e5e5e url('../img/mob-orders-on.png')no-repeat center center;}
	.user .nav li:last-of-type  {background:#5e5e5e url('../img/mob-orders-rdy.png')no-repeat center center;}
	.user .nav li.active {background-color:#7ead23;}
	.user .logout {background:#5e5e5e url('../img/mob-logout.png')no-repeat center center;}
	.user .logout {float:left; top:10px; margin-right:0;padding:0 12px;}
	.user .nav li.active {margin-top:0; border:none;width:56px; height:56px; line-height:56px;}
	.user .nav li a {width:56px; height:56px; font-size:0; padding:0;}
	.user .nav li.active:after {height:0;}
	.user .user-content {border:none; border-radius:0; padding:10px 17px; width:auto;}
	.user .user-name {padding-bottom:5px; line-height:25px;}
	.user .orders-hint {margin-top:10px;}
	.user .no-orders {padding-top:10px;line-height:17px;}
	.user .order-info {padding-top:10px; padding-bottom:10px;line-height:17px;}
	.user .user-holder {width:100%;}
	.user .pass input {width:251px;}
	.user .pass span {width:138px;}
	.user .err-required {margin-left:0;padding:14px 60px; width:162px; line-height:12px;}
	.user i {margin-bottom:15px;}
	.user .spacer {margin-top:30px;}
	.user label.news {line-height:18px;}
	.user .save {margin-right:0;}
	.user-content h2 {font-size:18px;}
	.orders>li {margin-bottom:15px; padding:18px 14px 18px 20px; width:260px;}
	.orders .checkout-items {position:relative; top:10px; left:0; margin-left:-38px; min-width:315px;}
	.orders>li.active {margin-right:-18px; margin-bottom:23px; margin-left:-12px; border:1px solid transparent; padding-right:31px; padding-bottom:0; padding-left:32px; width:252px;}
	.orders-info {max-width:177px;}
	.user .show-more {position:relative; top:48px; right:0; padding:0; height:31px; line-height:31px; font-size:10px; width: 64px; -webkit-transition: top 300ms; transition: top 300ms;}
	.user .order-again {display: none; width: 64px; height: 20px; line-height: 10px; padding: 9px 0; margin-top: -10px;margin-right:-9px;}
	.user .active .show-more {top: -3px;}
	.user .active .order-again {display: block;}
	.orders>li.active .checkout-items {margin-left:-33px; border-right:0;border-left:0; padding-left:3px;}
	.orders > li.active:after {content:""; width:0; height:0; background:none;}
	.orders > li.active .show-more {right:-9px;}
	.user.orders-holder .user-content {padding:10px 12px;}
	.checkout-items .param-holder {bottom:12px;}
	.login-fader {background:rgba(255,255,255, 1)}
	.order-end {width:auto;}
	.checkout-items {position:relative; top:0; left:0;}
}
@media screen and (min-width:320px) and (max-width:479px){
	/*header, footer {width:auto;}
	header .logo {margin-top:30px; width:180px;}
	header .logo img {width:100%;}
	header .phone {padding-left:17px; background:none;}
	header .header-text a {margin-left:0;}
	header .header-text {display:block; margin-top:40px; margin-right:20px;}
	header .header-text a {display:block; line-height:17px;}
	header .header-text a:before{content:"";}
	footer {padding-left:20px; padding-right:20px; width:calc(100% - 40px);}
	footer .checkout {width:auto;}
	footer a {line-height:17px;}
	footer .copy {max-width:115px;}*/
	.breadcrumbs .checkout {width:300px;}
	.breadcrumbs ul li {overflow:hidden;}
	.breadcrumbs ul li a {margin-left:-40px;}
	.checkout {width:320px;}
	.checkout h1, .checkout h2 {font-size:16px; font-family:arial; line-height:38px;}
	.checkout-info {margin-top:15px;}
	.checkout-info p {color:#424242;}
	.checkout-info strong {font-size:12px; font-family:arial; font-weight:bold; color:#1f1f1f;}
	.checkout-login {border-radius:4px; padding-right:40px; padding-left:14px; width:30px;height:38px; line-height:38px; text-decoration:none; background:#8b8b8b url('../img/checkout-login-mobile-bgr.png') no-repeat 52px center; color:#fff;}
	.checkout-content {margin:0 auto; border:none; border-top:1px solid #e2e2e2; border-radius:0; padding:20px 17px 10px 17px; width:286px; max-width:320px;}
	.checkout input, .checkout .one-half input, .checkout textarea, .checkout select, .checkout .one-half.small input {width:203px;}
	.checkout label.longl span  {width:120px;}
	.checkout label.longl input  {width:155px;}
	.checkout label.longl.valid input, .checkout label.longl.error input {width:152px;}
	.one-half.small input span {width:72px;}
	.checkout-items li {width:300px;}
	.checkout label input[type="radio"] {width:8px; height:5px;}
	.checkout .radio-custom:first-of-type {margin-top:0;}
	.checkout .radio-custom label .hint {margin:10px 0; line-height:15px;}
	.checkout label.valid input, .checkout label.valid textarea, .checkout label.error textarea, .checkout label.error input,
	.checkout .one-half.error input, .checkout .one-half.valid input, .checkout label.valid select, .checkout label.error select {width:200px;}
	.checkout .one-half.error input, .checkout .one-half.valid input {width:200px;}
	.checkout .one-half.valid {margin-right:0;}
	.checkout .loginPopup form .valid input,
	.checkout .loginPopup form .valid input {width:177px;}
	.checkout .one-half.small input {width:203px;}
	.checkout .one-half.small.valid input, .checkout .one-half.small.error input {width:199px;}
	.checkout .diff-address {line-height:18px; width:320px;}
	.checkout .diff-address.open {width:338px;}
	.checkout .err-required, .checkout .btn-holder {margin-right:auto; margin-left:20px; width:280px;}
	.checkout .err-required {padding:20px; height:auto; width:236px; line-height:18px;}
	.checkout .btn-holder {margin-bottom:15px;}
	.checkout .diff-address:nth-of-type(2).open {padding-top:10px;}
	/*.checkout .submit, .checkout .back {padding:0 38px; height:39px; line-height:40px;font-size:12px;}*/
	.checkout .hidden:first-of-type {border:none;}
	/*.checkout .hidden:nth-of-type(2) {height:40px;}*/
	.checkout .hidden:nth-of-type(2) {margin-bottom:10px;}
	.checkout .diff-address:nth-of-type(2) {padding-bottom:10px;}
	.checkout-edit {float:left; position:relative; margin-top:20px; margin-bottom:10px;margin-left:20px;}
	.edit-holder {clear:both;}
	.payment-methods li {margin-bottom:10px;}
	.loginPopup {top:0; left:50%; margin-top:0;margin-left:-160px;}
	.loginPopup {border:none; padding:30px 18px; width:285px;background:#fff;}
	.loginPopup form {background:#fff;}
	.loginPopup form .btn-holder {margin-left:0; width:285px;}
	.loginPopup form span {width:94px;}
	.loginPopup form input {width:180px;}
	.order-end {border:none; padding:40px 20px; width:calc(100% - 40px);}
	.order-end h3 {font-family:arial;font-size:20px;}
	.back.promo-btn {padding:0 25px;}
	.checkout input.promo-input {width:88px;}
	.agree-holder  {margin:30px 16px;}
	.checkout-items {margin-left:0; border-radius:0; width:100%;}
	.checkout-items li {padding:19px 9px; width:calc(100% - 18px);}
	.checkout-items ul p {margin-right:0; width:180px;}
	.checkout-items .qtty {position:absolute; bottom:0; left:111px;}
	.checkout-items .sum {position:absolute; right:18px;bottom:0;}
	.checkout-items .total {margin-left:-3px; padding:10px 20px; border-radius:0;}
	.checkout-items .total p {line-height:25px;}
	.checkout .one-half+.one-half span {border-left:1px solid #dcdcdc; width:72px;}
	.checkout .diff-address input {float:left; top:0;}
/*...User Mobile...*/
	/*.checkout {margin-top:0;}*/
	/*.user .nav {padding:10px 0 10px 10px;}*/
	.user .nav li, .user .logout {width:56px; height:56px; font-size:0; line-height:56px; border-radius:0; border:none; margin-right:5px; padding:0;}
	/*.user .nav li:first-of-type {background:#5e5e5e url('../img/mob-profile.png')no-repeat center center;}
	.user .nav li:nth-of-type(2){background:#5e5e5e url('../img/mob-profile-change.png')no-repeat center center;}
	.user .nav li:nth-of-type(3){background:#5e5e5e url('../img/mob-orders-on.png')no-repeat center center;}
	.user .nav li:last-of-type  {background:#5e5e5e url('../img/mob-orders-rdy.png')no-repeat center center;}
	.user .nav li.active {background-color:#7ead23;}
	.user .logout {background:#5e5e5e url('../img/mob-logout.png')no-repeat center center;}
	.user .logout {float:left; top:10px; margin-right:0;padding:0;}
	.user .nav li.active {margin-top:0; border:none;width:56px; height:56px; line-height:56px;}
	.user .nav li a {font-size:0;}
	.user .nav li.active:after {height:0;}
	.user .user-content {border:none; border-radius:0; padding:10px 17px; width:auto;}
	.user .user-name {padding-bottom:5px; line-height:25px;}
	.user .orders-hint {margin-top:10px;}
	.user .no-orders {padding-top:10px;line-height:17px;}
	.user .order-info {padding-top:10px; padding-bottom:10px;line-height:17px;}
	.user .user-holder {width:100%;}*/
	.user .pass input {width:137px;}
	/*.user .pass span {width:138px;}
	.user .err-required {margin-left:0;padding:14px 60px; width:162px; line-height:12px;}
	.user i {margin-bottom:15px;}
	.user .spacer {margin-top:30px;}
	.user label.news {line-height:18px;}
	.user .save {margin-right:0;}
	.user-content h2 {font-size:18px;}
	.orders>li {margin-bottom:15px; padding:18px 14px 18px 20px; width:260px;}
	.orders .checkout-items {position:relative; top:10px; left:0; margin-left:-38px; min-width:315px;}
	.orders>li.active {margin-right:-18px; margin-bottom:23px; margin-left:-12px; border:1px solid transparent; padding-right:31px; padding-bottom:0; padding-left:32px; width:252px;}
	.orders-info {max-width:177px;}
	.user .show-more {position:relative; top:48px; right:0; padding:0 8px; height:31px; line-height:31px; font-size:10px;}
	.orders>li.active .checkout-items {margin-left:-33px; border-right:0;border-left:0; padding-left:3px;}
	.orders > li.active:after {content:""; width:0; height:0; background:none;}
	.orders > li.active .show-more {right:-9px;}
	.user.orders-holder .user-content {padding:10px 12px;}
	.checkout-items .param-holder {bottom:12px;}*/
	.login form .btn-holder {margin-left:0; width:286px;}
	.login form .btn-holder a {line-height:23px;}
	
	.full {width:100%;}
	.mobile {display:none;}
	.desktop {display:block;}
}
@media screen and (min-width:480px) and (max-width:1023px){
	.checkout, footer .checkout, header .checkout {width:460px;}
	header .header-text {margin-right:0;}
	footer .copy {max-width:100%;}
	.full {width:100%;}
	.mobile {display:none;}
	.desktop {display:block;}
	.checkout-items {margin-left:0; width:100%;}
	.checkout-items li {width:426px;}
	.agree-holder {margin:30px 16px;}
	.user .nav li, .user .logout {padding:0 12px;}
	/*.orders-info .user .show-more {position:relative; top:48px; right:0; padding:0 8px; height:31px; line-height:31px; font-size:10px;}*/
	

}

/* Common Styles */
.gmbStdMsg { display: none; position: absolute; left: 50%; top: 50%; width: 500px; min-height: 150px; margin-left: -250px; margin-top: -100px; background: #fff; padding: 15px; border: 1px solid #aaa; box-shadow:0 0 0 5px #ddd; border-radius: 5px; z-index: 1002;}
.gmbStdHover { display: none; position:fixed; top: 0; left: 0; background:#fff;  width:100%;  height:100%;  opacity: 0.7; z-index: 1001;}
.gmbStdMsg .gmbStdMsgClose { position:absolute;  background:#8b8b8b; color:white; border-radius:5%; border: none; width: initial; min-width:130px;  height:40px;  line-height:39px;  text-align:center;  font-size:12px;  font-weight:normal;  font-family: Arial, sans-serif; cursor:pointer; bottom: 15px; left: 50%; margin-left: -65px; outline: 0 solid white;}
.gmbStdMsg .gmbStdMsgClose.gmb-buttonLeft {left: 0%; margin-left: 17px;}
.gmbStdMsg .gmbStdMsgClose.gmb-buttonRight {left: 100%; margin-left: -147px;}
.gmbStdMsg .gmbStdMsgContent {margin: 15px 0 0 0; text-align: center;padding: 25px 25px 45px 25px; font-size: 13px; font-weight: normal; font-style: normal;}
.gmbStdNotInStockMsg {font-weight: bold;}
@media screen and (min-width:320px) and (max-width:900px){
	.gmbStdMsg {width: 300px; margin-left: -166px;}
}