.my-account-banner {
  background-image:url(../../assets/img/my-account-bg.jpg);
  width:100%;
  height:280px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:80%;
}

.user-image-holder {
  margin-top:80px;
  height:auto;
}

.user-image {
  width:200px;
  height:200px;
  border:2px solid transparent;
  outline:1px solid #ccc;
}

.user-info {
  height:110px;
  background-color:#f5f5f5;
}

.user-name {
  text-align:center;
  font-family:'Lato';
  font-size:22px;
  color:#666;
  letter-spacing:1px;
}

.user-email {
  text-align:center;
  font-family:'Lato';
  font-size:14px;
  letter-spacing:4px;
  color:#aaa;
  margin:0;
  padding:0;
}

.user-email:after {
  content:"";
  position:absolute;
  bottom:-20px;
  height:1px;
  width:50px;
  background-color:#28bbf8;
  margin-left:-30px;
  left:50%;
}

.ma-single-box {
  padding:15px 15px 0 15px;
  border-bottom:1px solid #f5f5f5;
}

.ma-tab-holder {
  border-left:3px solid #eee;
  padding:5px 20px;
  margin-bottom:20px;
}

.ma-icon {
  font-size:26px;
  color:#28bbf8;
  margin-right:10px;
  margin-top:0;
  float:left;
  vertical-align:middle;
  display:table-cell;
}

.ma-icon-contri {
  font-size:26px;
  color:#28bbf8;
  margin-right:4px;
  margin-top:0;
  float:left;
  vertical-align:middle;
  display:table-cell;
  position:relative;
  top:6px;
}

.ma-heading {
  font-family:'Lato';
  font-size:18px;
  color:#333;
  display:inline;
  margin:4px 0 0 0;
  padding:0;
  float:left;
}

.ma-sub-heading {
  font-family:'Lato';
  font-size:15px;
  color:#999;
  margin-left:30px;
  height:30px;
  width:90%;
}

.ma-section-name {
  height:35px;
}

.add-address {
  width:230px;
  margin-top:20px;
}

@media (max-width:767px) {
  .add-address {
    width:100%;
    margin-top:20px;
    margin:auto;
  }
}

.add-address-top-row {
  padding-bottom:20px;
  border-bottom:1px dashed #eee;
}

.ma-page-title {
  font-size:18px;
  margin:20px 0 0 0;
  padding:0;
  font-family:'Lato';
  text-transform:uppercase;
  letter-spacing:2px;
  color:#28bbf8;
  font-weight:300;
}

@media (max-width:500px) {
  .ma-page-title {
    font-size:17px;
    margin:18px 0 0 0;
    padding:0;
    font-family:'Lato';
    text-transform:uppercase;
    letter-spacing:1px;
    color:#28bbf8;
    font-weight:300;
  }
}

.ma-page-sub-title {
  font-size:18px;
  margin:25px 0 0 0;
  padding:0;
  font-family:'Lato';
  letter-spacing:1px;
  color:#666;
}

/*
.ma-page-sub-title:after {
  content:"";
  position:absolute;
  bottom:-12px;
  width:50px;
  height:1px;
  background-color:#28bbf8;
  left:0%;
  margin-left:19px;
}
*/

.address-holder {
  margin-top:40px;
}

.ma-address-text {
  font-family:'Lato';
  font-size:16px;
  color:#333;
  margin:5px 0;
  padding:0;
}

.address-row {
  padding-bottom:20px;
  border-bottom:1px dashed #eee;
}

.sub-address-row {
  margin-top:40px;
  padding-bottom:10px;
}

.address-no {
  font-family:'Open Sans';
  font-size:16px;
  padding:2px;
  background-color:#ccc;
  width:30px;
  height:auto;
  text-align:center;
  color:#fff;
  margin:0;
}

.sub-address-holder {
  margin-top:10px;
}

.add-no-holder {
  border-bottom:1px solid #eee;
  width:95%;
}

.address-btn:hover,.add-address-btn:hover{
  /*light blue hover on bttns*/
  background-color: #28bbf81c;
}
.address-name{
  font-style: italic;
}
.address-btn {
  font-family:'Lato';
  color:#28bbf8;
  font-size:13px;
  letter-spacing:1px;
  text-align:center;
  width:7em;
  height:24px;
  border:1px solid #28bbf8;
  border-radius:0;
  margin:20px 10px 0 0;
  line-height:21px;
}

.add-address-btn {
  font-family:'Lato';
  color:#28bbf8;
  font-size:19px;
  letter-spacing:1px;
  text-align:center;
  width:139px;
  height:42px;
  border:1px solid #28bbf8;
  border-radius:0;
  margin:10px 10px 0 0;
  line-height:38px;
}

@media (max-width:767px) {
  .add-address-btn {
    font-family:'Lato';
    color:#28bbf8;
    font-size:17px;
    letter-spacing:1px;
    text-align:center;
    width:99px;
    height:32px;
    border:1px solid #28bbf8;
    border-radius:0;
    margin:18px 0px 0 0;
    line-height:30px;
  }
}

@media (max-width:500px) {
  .add-address-btn {
    font-family:'Lato';
    color:#28bbf8;
    font-size:15px;
    letter-spacing:1px;
    text-align:center;
    width:93px;
    height:29px;
    border:1px solid #28bbf8;
    border-radius:0;
    margin:14px 0px 0 0;
    line-height:28px;
  }
}

@media (max-width:991px) {
  .billing-box-small {
    border-bottom:1px dashed #eee;
    padding-bottom:20px;
  }
}

.ma-input-ph-code {
}

.address-password-text {
  font-family:'Lato';
  font-size:15px;
  color:#28bbf8;
  padding:10px 0;
}

@media (max-width:767px) {
  .address-form-btn-holder {
    text-align:center;
  }
}

.ma-page-title-icon {
  /*vertical-align:middle;*/
}

.user-info-as {
  height:40px;
  background-color:#f5f5f5;
}

.ma-photo-text {
  text-align:center;
  font-family:'Lato';
  font-size:14px;
  margin:10px 0 0 0;
  color:#28bbf8;
  letter-spacing:2px;
  font-weight:400;
}

.photo-text-icon {
  font-size:18px;
  margin:0 2px 0 0;
  vertical-align:middle;
}

.ma-sub-page-content {
  margin-top:20px;
}

.ma-tab {
}

.ma-tab-title {
  font-family:'Lato';
  font-size:18px;
  color:#666;
  border-bottom:1px solid #eee;
  font-weight:400;
  letter-spacing:2px;
  margin:0;
  padding:20px;
}

.ma-tab-active {
  color:#28bbf8;
}

.ma-text {
  font-family:'Lato';
  font-size:18px;
  color:#333;
  margin:0;
}

.ma-text-normal {
  font-family:'Lato';
  font-size:15px;
  color:#333;
  margin:0;
  line-height:24px;
}

.ma-edit-button {
  font-family:'Lato';
  font-size:16px;
  color:#28bbf8;
  margin:0;
  text-align:right;
  background:none;
  border:none;
  box-shadow:none;
  margin:0;
  padding:0;
  text-align:right;
}

.ma-edit-button:hover {
  font-family:'Lato';
  font-size:16px;
  color:#2fa2d2;
  margin:0;
  text-align:right;
  background:none;
  border:none;
  box-shadow:none;
  margin:0;
  padding:0;
  text-align:right;
}

.ma-content-row {
  padding:20px 0 20px 0;
  border-bottom:1px dashed #eee;
}

.ma-sub-content-row {
  padding:15px 0 15px 0px;
  background-color:#f8f8f8;
}

.ma-left-bar {
  border-right:1px solid #eee;
}

.ma-input {
  width:100%;
  border:1px solid #ddd;
  padding-left:10px;
  box-shadow:none;
  border-radius:0;
  font-family:'Lato';
  font-size:16px;
  height:34px;
}

.ma-input-ph-code {
  width:20%;
  border:1px solid #ddd;
  padding-left:10px;
  box-shadow:none;
  border-radius:0;
  font-family:'Lato';
  font-size:16px;
  height:30px;
  margin-right:10px;
}

@media (max-width:767px) {
  .ma-input {
    width:100%;
  }
}

.ma-input:focus {
  border:1px solid #ddd;
}

.editing-holder {
}

@media (max-width:767px) {
  .done-link {
    text-align:right;
    margin:20px 0 0 0;
  }
}

@media (max-width:767px) {
  .done-link:hover {
    text-align:right;
    margin:20px 0 0 0;
  }
}

.more-icon-holder {
  text-align:right;
}

.ma-button-holder {
  text-align:right;
}

.ma-photo-text a {
  color:#28bbf8;
}

.ma-photo-text i {
  color:#28bbf8;
}

.ma-photo-text a:hover {
  color:#2fa2d2;
}

.ma-photo-text i:hover {
  color:#2fa2d2;
}

.more-icon-holder button {
  margin:0;
  padding:0 10px;
  background:none;
  box-shadow:none;
  border:none;
}

.more-icon-holder button:hover {
  margin:0;
  padding:0 10px;
  background:none;
  box-shadow:none;
  border:none;
}

.table-holder {
  margin-top:20px;
}

.table-header-row {
  background-color:#eee;
}

.table-header-row th {
  font-family:'Lato';
  color:#666;
  font-weight:400;
  font-size:16px;
}

.table-holder td {
  font-family:'Lato';
  font-size:14px;
  color:#333;
}

.table-holder .td-link {
  color:#28bbf8;
}

.order-details {
  border:1px solid #ddd;
  margin:10px;
}

@media (max-width:767px) {
  .order-details {
    border:1px solid #ddd;
    margin:0;
  }
}

.summary-heading {
  font-family:'Lato';
  font-size:18px;
  letter-spacing:1px;
  color:#666;
}

.ma-product-row {
  padding:15px;
  border:1px solid #ddd;
  border-top:0;
}

.ma-prod-col-img {
  width:60px;
  height:60px;
  padding:0;
}

@media (max-width:767px) {
  .ma-prod-col-img {
    width:80px;
    height:80px;
    padding:0;
  }
}

.ma-prod-img {
  height:60px;
}

@media (max-width:767px) {
  .ma-prod-img {
    height:80px;
  }
}

.ma-prod-col-txt {
  font-family:'Lato';
  font-size:15px;
  color:#333;
  padding:20px 0 0 15px;
}

@media (max-width:991px) {
  .ma-prod-col-txt {
    font-family:'Lato';
    font-size:15px;
    color:#333;
    padding:0px 0 0 15px;
  }
}

@media (max-width:767px) {
  .ma-prod-col-txt {
    font-family:'Lato';
    font-size:15px;
    color:#333;
    padding:0px 0 0 15px;
    margin:0;
  }
}

.row.summary-sub-row {
  padding:20px 0 20px 0;
  border-bottom:1px solid #eee;
  margin-bottom:20px;
}

@media (max-width:767px) {
  .row.summary-sub-row {
    padding:20px 0 20px 0;
    border-bottom:1px solid #eee;
    margin-bottom:20px;
  }
}

.close:hover {
  color:#28bbf8;
  opacity:1;
}

.ma-payment-summary-row {
  margin-top:20px;
  border-top:1px solid #eee;
}

.summry-header {
  background-color:#28bbf8;
  height:38px;
}

.ma-sumaary-title {
  font-family:'Lato';
  font-size:18px;
  margin:0;
  padding:0;
  color:#000;
  font-weight:300;
  letter-spacing:1px;
  line-height:34px;
}

.summry-header .close {
  color:#fff;
  opacity:1;
  text-shadow:none;
  margin-top:6px;
}

.ma-page-title-icon {
  margin-right:5px;
  font-size:22px;
  vertical-align:middle;
  float:left;
  display:inline;
}

.ma-reorder-button {
  width:100%;
  margin:auto;
  max-width:200px;
  float:right;
}

@media (max-width:991px) {
  .ma-reorder-button {
    width:100%;
    margin:auto;
    max-width:200px;
    float:none;
  }
}

@media (max-width:500px) {
  .ma-reorder-button {
    width:100%;
    margin:auto;
    max-width:none;
    float:none;
  }
}

@media (max-width:991px) {
  .ma-btn-center {
    text-align:center;
  }
}

@media (max-width:767px) {
  .ma-prod-col-sub-txt {
    /*margin:0;*/
    color:#999;
    font-size:14px;
    text-align:left;
  }
}

@media (max-width:767px) {
  .ma-prod-txt-m0 {
    margin:0;
  }
}

@media (min-width:767px) {
  .ma-text-right {
    float:right;
  }
}

.ma-button-row {
  margin-top:10px;
  padding:20px 0;
}