table.basket { padding:0; margin:0; width:100%; border-collapse:collapse}
table.basket tr th { font-family: 'Sofia Sans', sans-serif; font-size:.875rem; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #d1d3d4; padding:.5rem .5rem; text-align:right;}
table.basket tr td { padding:1.5rem .5rem; border-bottom:1px solid #d1d3d4; font-family: 'Sofia Sans', sans-serif; font-size:1rem; text-align:right; vertical-align:top; width:15%}
table.basket tr td:first-of-type { text-align:left; width:40%}
table.basket tr td a { text-decoration:none; color:#132742; font-size:1.25rem;}
table.basket tr td img { max-width:130px; float:left; margin-right:1.5rem; padding:.5rem; background:#ffffff;}
table.basket tr td a.del { display:inline-block; margin-top:2.5rem; text-transform:uppercase; font-size:.75rem;}
table.basket tr td input {padding:0 0 0 1rem; margin:0; width:60px !important; height:2rem; border:1px solid #132742;  background:#ffffff; color:#132742; font-size:1rem; }
table.basket tr:last-of-type td { text-align:right; font-family: 'Sofia Sans', sans-serif; font-size:1rem; font-weight:bold; border-bottom:1px solid #132742;}
table.basket tr:last-of-type td span { color:#fd6d4b; font-size:1.125rem;}

table.basket-main { padding:0; margin:0 0 2.5rem; width:100%; border-collapse:collapse}
table.basket-main tr th { font-family: 'Sofia Sans', sans-serif; font-size:.875rem; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #d1d3d4; padding:.5rem .5rem; text-align:right;}
table.basket-main tr td { padding:1.5rem .5rem; border-bottom:1px solid #d1d3d4; font-family: 'Sofia Sans', sans-serif; font-size:1rem; text-align:right; vertical-align:top; width:15%}
table.basket-main tr td:first-of-type { text-align:left; width:40%}
table.basket-main tr td a { text-decoration:none; color:#132742; font-size:1.25rem;}
table.basket-main tr td img { max-width:130px; float:left; margin-right:1.5rem; padding:.5rem; background:#ffffff;}
.buttons { padding:1rem 0; margin:0; width:100%; float:left; clear:both;}
.buttons a, a.back {padding:1rem; margin:0; width: 100%; max-width:250px; background:#ffffff; border:1px solid #132742; font-family: 'Sofia Sans', sans-serif;  font-size:1rem; font-weight:bold; color:#132742; text-align:center; float:left; text-decoration:none; white-space:nowrap}
.buttons input { padding:1rem; margin:0;  width: 100%; max-width:350px; background:#ff8000; border:1px solid #98bede; font-family: 'Sofia Sans', sans-serif;  font-size:1.4rem; font-weight:bold; color:#ffffff; text-align:center; float:right;cursor:pointer}

.buttonsmodal { padding:1rem 0; margin:0; width:100%; float:left; clear:both;}
.buttonsmodal a, a.back {padding:1rem; margin-bottom:1rem; width: 100%;  background:#ffffff; border:1px solid #132742; font-family: 'Sofia Sans', sans-serif;  font-size:1rem; font-weight:bold; color:#132742; text-align:center; float:left; text-decoration:none; white-space:nowrap}
.buttonsmodal input { padding:1rem; margin:0;  width: 100%;  background:#3475ad; border:1px solid #3475ad; font-family: 'Sofia Sans', sans-serif;  font-size:1rem; font-weight:bold; color:#ffffff; text-align:center; float:right;цурсор:поинтер;}

.checkout_steps { width:100%; display:flex; flex-wrap:wrap; align-items: flex-end; padding:0; margin:0 0 4rem; font-size:.75rem; font-weight:normal; text-transform:uppercase; font-family: 'Sofia Sans', sans-serif;}
.checkout_steps a, .checkout_steps span { text-align:center; width:25%; padding:1rem 0; position:relative;  border-bottom:1px solid #d1d3d4;}
.checkout_steps a { color:#3475ad; border-bottom:1px solid #3475ad; text-decoration:none}
.checkout_steps a:hover { border-bottom:1px solid #3475ad;}
.checkout_steps span.active {border-bottom:1px solid #3475ad; color:#3475ad}
.checkout_steps span:before { content:''; display:block; position:absolute; width:16px; height:16px; background:#d1d3d4; border-radius:50%; bottom:-8px; left:50%; margin-left:-8px;}
.checkout_steps a:before { content:''; display:block; position:absolute; width:16px; height:16px; background:#3475ad; border-radius:50%; bottom:-8px; left:50%; margin-left:-8px;}
.checkout_steps span.active:before { background:#3475ad}
.login-form h2 { text-align:center; font-weight:normal; font-size:1.125rem;font-family: 'Sofia Sans', sans-serif; padding-bottom:.5rem}

.login-form { display:block; width:100%;  margin:0 auto; padding:0; text-align:left;}
.login-form.reg { max-width:500px;}
.login-form ul  { padding:0; margin: 0; list-style: none;}
.login-form ul li { width:100%; float:left; padding-right:1rem; font-size:1rem;  padding-bottom:1rem;}
.login-form ul li.p50 {width:50%;height:110px}
.login-form ul li.p50.right { text-align:right;}
.login-form ul li.p50.right  input[type=submit] { margin:0; display:inline-block;}
.login-form ul li.p33 {width:33.33%; float:left;}
.login-form ul li.p25 {width:25%; float:left;}

.login-form h3 { margin-top:2.5rem; margin-bottom:1rem; padding-left:1rem;}

.login-form input[type="text"] {padding:0 0 0 1rem; margin:0; width:100%; max-width:600px; height:3rem; border:1px solid #d7d7d7;  background:#ffffff; color:#132742; font-size:1rem;}
.login-form input[type="password"] {padding:0 0 0 1rem; margin:0; width:100%; max-width:600px; height:3rem; border:1px solid #d7d7d7;  background:#ffffff; color:#132742; font-size:1rem;}
.login-form input[type=submit] { padding:1rem 2.5rem; margin:1rem auto; width: 100%; max-width:280px;  border:1px solid cecece; font-size:1.125rem; font-weight:bold; color:#ffffff; text-align:center; display:block}
p.thanks {padding:1rem 0 0; margin: 0; font-size: 1.125rem; line-height: 1.5; text-align: center}

.login-form ul + h3 {padding-top: 2.5rem; clear: both}
.login-form ul + ul {padding-top: 2rem; clear: both}
.page.forms ul li { background:none;}

div.basket-preview { width:100%; float:left; border-bottom:1px solid #d1d3d4; font-size:1.125rem; padding-bottom:1rem; margin-bottom:2rem;}
div.basket-preview img { max-width:130px; float:left; margin-right:1.5rem; padding:.5rem; background:#ffffff;}
login-form h4 { padding-top:2rem; clear:both; display:block;}
table.basket-preview { padding:0; margin:0 0 2rem; width:100%; border-collapse:collapse; border-bottom:1px solid #d1d3d4;}
table.basket-preview tr td {padding:1.5rem .5rem; vertical-align:top; width:33.33%}
table.total-preview { padding:0; margin:2rem  0 2rem; width:100%; border-collapse:collapse;  font-size:1rem; }
table.total-preview tr td {padding:.5rem .5rem; vertical-align:top;}
table.total-preview tr td:first-of-type { width:70%; text-align:right;}
table.total-preview tr td:last-of-type { font-size:1.125rem; color:#fd6d4b}
table.total-preview tr td:last-of-type em { font-style:normal; color:#132742; font-size:1rem;}

@media only screen and (max-width: 767px) {
table.basket thead { display:none;}
table.basket tr { border-bottom:1px solid #132742}
table.basket tr td { border-bottom:0px solid #d1d3d4; width:33.33%; display:block; float:left; text-align:left;}
table.basket tr td:first-of-type { text-align:left; width:100%; display:block;}
table.basket tr td:before { content:attr(data-title); font-size:.75rem; font-weight:normal; text-transform:uppercase; color:#d1d3d4; display:block;}
table.basket tr:last-of-type td { text-align:right; border-bottom:none;}
.buttons a, .buttons input { width: 100% !important; margin-bottom:1rem;}
table.basket-main thead {display:none;}
table.basket-main tr { border-bottom:1px solid #132742}
table.basket-main tr td { border-bottom:0px solid #d1d3d4; width:33.33%; display:block; float:left; text-align:left;}
table.basket-main tr td:first-of-type { text-align:left; width:100%; display:block;}
table.basket-main tr td:before { content:attr(data-title); font-size:.75rem; font-weight:normal; text-transform:uppercase; color:#d1d3d4; display:block;}


table.basket-preview tr { border-bottom:0px solid #132742}
table.basket-preview tr td { width:100%; padding:.5rem 1rem; border-bottom:0px solid #d1d3d4; display:block; float:left;} 
table.basket-preview tr td:last-of-type { border-bottom:none; padding-bottom:1.5rem}
}

@media only screen and (max-width: 480px) {
.checkout_steps a, .checkout_steps span { width:100%;}
.login-form input[type=submit] { width:100%; clear:both;}
a.back { width:100%;}
.login-form ul li.p50 { width:100%;}
.buttons a { width:100%; margin-bottom:1rem}

table.basket tr td { text-align:right; width:100%; padding:.5rem 1rem; border-bottom:1px solid #d1d3d4}
table.basket tr td:last-of-type {border-bottom:0px solid #d1d3d}
table.basket tr td:first-of-type { text-align:left; padding:1.5rem 1rem}
table.basket tr:last-of-type td { text-align:right;}
table.basket tr td:before { float:left;}

table.basket-main tr td { text-align:right; width:100%; padding:.5rem 1rem; border-bottom:1px solid #d1d3d4}
table.basket-main tr td:last-of-type {border-bottom:0px solid #d1d3d}
table.basket-main tr td:first-of-type { text-align:left; padding:1.5rem 1rem}
table.basket-main tr:last-of-type td { text-align:right;}
table.basket-main tr td:before { float:left;}
}

.countProducts {
  position: absolute;
  background: #e30016;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
  font-size: 0.7rem;
  display: block;
  text-align: center;
  padding: 0 !important;
  line-height: 1rem;
  color: #ffffff;
  right: 50px;
  bottom: .05rem;
  font-family: 'Source Sans Pro', sans-serif;
}

.errsize {color: #e30016;font-size: 16px;height:10px;width:100%; -webkit-transition-property: all; -webkit-transition-duration: 1s; transition-property: all; transition-duration: 1s;}
.myerr{color:#e30016; font-size:16px;}
.myerrgr{color:#2fa04c; font-size:16px;}   
#formlogin , #formregister, #errlogin,#forgotpass,#errorformlogintop {display:none}
.profile-table { padding:0; margin:0 0 2rem; width:100%; border-collapse:collapse;}
.profile-table thead tr td { font-family: 'Montserrat', sans-serif; font-size:.75rem; text-transform:uppercase; font-weight:600; border-bottom:1px solid #d1d3d4; padding:.5rem .5rem; text-align:center;}
.profile-table tbody tr td { padding:.5rem; border-bottom:1px solid #d1d3d4; line-height:1.35; font-family: 'Montserrat', sans-serif; font-size:.75rem; text-align:left; vertical-align:top;}
.profile-table + .login-form { float:left;}

@media only screen and (max-width:850px) {
.profile-table thead { display:none;}
.profile-table tr { border-bottom:1px solid #100f0f}
.profile-table tr td { border-bottom:0px solid #d1d3d4; width:100%; display:block; float:left; text-align:left;}
.profile-table tr td:before { content:attr(data-title); font-family: 'Montserrat', sans-serif;  font-size:.75rem; font-weight:400; text-transform:uppercase; color:#d1d3d4; display:block; float:left; text-align:left}
.profile-table tr:last-of-type td { text-align:right; border-bottom:none;}
}

input.es-input { padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; }
input.es-input.open {
	-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
.es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc;cursor:pointer; }
.es-list li { display: block; padding: 5px 10px; margin: 0; cursor:pointer; }
.es-list li.selected { background: #f3f3f3; cursor:pointer;}
.es-list li[disabled] { opacity: .5; cursor:pointer;}
 #loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



p.fbL { padding-top:1rem; position:relative; margin-top:2rem; text-align:center; font-size:.875rem;}

p.fbL:before { content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:250px; height:1px; background:#d1d3d4}

.login_form_social { display:block;}

.facebook-login { margin:1rem auto; padding:0; width:100%; max-width:250px; text-align:center; font-family: 'Sofia Sans', sans-serif; font-size:1rem; font-weight:bold; color:#100f0f; }

.menu > ul > li > ul > li a.nolink {cursor:default}

.myerr{color:#e30016; font-size:16px;}

.myerrgr{color:#2fa04c; font-size:16px;}

#successtext{width:100%; text-align:center;} 

#subscribe-success{display:none}

#subscribe-error{display:none}
#formcontainer { width:100%; text-align:center}
#formcontainer p {  text-align:center}

#pay_method-error{color: #e30016; font-size: 16px;}