/*dropdown-card*/
.dropdown-cart-menu {
    width: 350px !important;
    font-size: 13px !important;
    padding: 10px !important;
    right: inherit !important;

}

/*quantity*/
#quantity {
    border-radius: 100% !important;
    padding: 0 !important;
    width: 29px;
    height: 29px;
    line-height: 25px;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    display: inline-block;
    text-align: center;
    background: rgba(0, 0, 0, .06) !important;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08) inset;
    -o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08) inset;
    -ms-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08) inset;
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08) inset;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08) inset;
    margin-right: 10px;
    flex: none !important;
}

.quantity-right-plus.btn.btn-number {
    background-color: transparent !important;
    border-radius: 25px 0 0 25px !important;
    padding: 0 !important;
    width: 29px;
    height: 26px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    line-height: 25px;
    border-color: rgba(0, 0, 0, .1) !important;
}

.input-group {
    padding: 5px 10px;
    background-color: transparent !important;
    background-image: none !important;
}

.quantity-left-minus.btn.btn-number {
    background-color: transparent !important;
    border-left: 0 !important;
    border-radius: 0 25px 25px 0 !important;
    padding: 0 !important;
    width: 29px;
    height: 26px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    line-height: 25px;
    border-color: rgba(0, 0, 0, .1) !important;
}

.no-padding {
    padding: 0 !important;
}

swal-modal {
    width: 440px !important;
}

.swal-text {
    font-size: 15px !important;
    text-align: right !important;
}

.swal-icon {
    /*width: 70px !important;*/
    /*height: 70px !important;*/
    margin: 18px auto !important;
}

.swal-footer {
    text-align: right !important;
    margin-top: 8px !important;
    padding: 10px 16px !important;
}

.swal-button {
    font-size: 14px !important;
    padding: 10px 15px !important;
}

.swal-overlay {
    top: -10px !important;
}


.bd-example-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-example-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

.header-profile {
    position: relative;
    background-color: #8bc53d;
    height: 76px;
}

.icon-user-profile {
    width: 54px;
    height: 54px;
    background: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .61);
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
}

.header-profile .fa.fa-pencil {
    width: 16px;
    height: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 60%;
    margin-left: -52px;
    background: #fff;
    color: #989898;
    font-size: 12px;
}

.profile-top-section {
    margin-bottom: 21px;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dedede;
    padding: 0 !important;
    border-radius: 0 !important;
    padding: 23px !important;
    height: 100%;
}

.tiltle-profile {
    color: #8bc53d;
    font-size: 15px !important;
}

.breadcrumb {
    margin: 10px 0 !important;
    padding: 0 10px !important;
    background-position: 99% 50% !important;
    width: 100% !important;
    float: right;
}

.thumbnail.profile-top-section ul li a {
    color: #000;
}

.list-group-item i {

    vertical-align: middle;
    font-size: 20px;
    margin-left: 5px !important;
    color: #659f16;

}

img {
    max-width: 100%;
}

.thumbanil.thum-reg-log, .thumb-register {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ebeced;
    padding: 20px !important;
}

.title-page-login {
    margin-bottom: 20px !important;
}

.input-group-addon:first-child {
    border-right: 1px solid #ccc !important;
}

.input-group-addon i {
    font-size: 18px;
    color: #fff;
}

#content {
    min-height: 300px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.icon-login {
    background-position: -1305px -188px !important;
    height: 49px;
    display: inline-block;
    line-height: 38px;
    width: 65px;
    float: right;
    background: #d40000  url(../images/them/slices.png) no-repeat;
}

.btn-reg.form-control, .btn-register {
    padding: 0 !important;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    background-color: #d40000 ;
    color: #fff !important;
    height: 50px;
    line-height: 50px;
    text-align: right;
    position: relative;
    overflow: hidden;
}

.btn-reg::before, .btn-register::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    top: -23px;
    transition: all .3s ease-in-out;
}

.txt-btn-reg {
    font-size: 18px;
}

.btn-reg:hover::before, .btn-register:hover::before {
    width: 900px;
    height: 900px;
    right: -334px;
    top: -334px;
    transform: unset;
}

.modal-footer {
    text-align: center !important;
    border-top: 1px solid #e5e5e5;
    background: #f0f6eb;
    min-height: 70px !important;
    line-height: 68px;
    padding: 0 !important;
}

.modal-footer {
    text-align: center !important;
    line-height: 68px;
}

.link-register a {
    color: #d40000 !important;
    border-bottom: 1px dashed;
}

.checkbox label {
    vertical-align: middle;
    font-size: 12px;
}

.checkbox-icon {
    position: absolute;
}

.checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}

.checkbox input[type="checkbox"]:checked + .c-ui-checkbox__check {
    background: #d40000;
    border: 1px solid #d40000;
    width: 20px;
    height: 20px;
}

.checkbox input[type="checkbox"]:checked + .c-ui-checkbox__check::before {
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: 2px;
    color: #fff;
    font-size: 11px;
    font: normal normal normal 14px/1 FontAwesome;
}

.checkbox label a {
    color: #2d76b5 !important;
    border-bottom: 1px dashed;
}

.c-ui-checkbox__check {
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    width: 20px;
    height: 20px;
}

.c-ui-checkbox__check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 4px;
}

.checkbox-txt {
    padding-right: 30px !important;
}

.checkbox {
    margin-bottom: 10px !important;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    font-size: 13px;
}

#account .input-group .form-control {
    height: 40px;
}

.icon-reg {
    background-position: -1306px -76px !important;
    height: 49px;
    display: inline-block;
    line-height: 38px;
    width: 65px;
    float: right;
    background: #d40000  url(../images/them/slices.png) no-repeat;
}

.btn.btn-default.btn-register.form-control:hover {
    background-color: #d40000  !important;
    border-color: #d40000  !important;
}

legend {
    border: none !important;
}

.thumb-register {
    margin-top: 20px !important;
}

#account .select2-container--default .select2-selection--single {
    height: 40px !important;
    text-align: right !important;
}

#select2-city-results {
    text-align: right !important;
}

.icon-menu.active a {
    color: #43810e !important;
}
.article2 h3 {    text-align: right;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;    padding: 7px 4px;
}article.col-md-12.article2 {
     background: #fff;
     box-shadow: 0 0 6px 1px #d8d6d6;
     margin: 10px;
 }article.col-md-12.article2.article3 {
      /* padding: 15px; */
      line-height: 30px;
      margin: 30px 0;
  }

.article3 .des55 {
    float: right;
    width: 100%;
    font-size: 13px;
    text-align: right;
    padding-bottom: 15px;
}

.article2 h3 a {
    color: #4f4f4f;
}

.article2 h3 span {
    float: left;
    font-size: 12px;
    margin-top: 5px;
    color: #639b18;
}

.article2 a.read-more {
    background: #8bc53d;
    float: left;
    margin-bottom: 15px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    border: 4px double #fff;
}

.article2 a:hover {
    color: #8bc53d;
    border-color: #8bc53d;
    background: transparent;
}

.des55 {
    padding-top: 15px;
    text-align: justify;
}

article.col-md-6.article2 {
    background: #fff;
    box-shadow: 0 0 6px 1px #d8d6d6;
    margin: 10px;
}



legend {
    border: none !important;
}

.thumb-register {
    margin-top: 20px !important;
}
@media screen  and (min-width: 768px) {
    .thumbanil.thum-reg-log {
        width: 40% !important;
        margin: auto !important;
    }
}

.title98 {
    text-align: center;
    margin: 15px auto;
    padding: 8px 20px;
    border-bottom: 2px solid #e56666;
    box-shadow: 0 2px 3px #f74040;
    width: max-content;
}
.item.eeeeee {
    padding: 25px;
    box-shadow: 0 0 5px -2px #ff000054;
    margin: 15px;
}
.title-item {
    text-align: center;
    margin: 10px auto;
}
.title-item a{
    color: red;
}

.item1 {
    border-bottom: 1px solid #ffefef;
    padding: 6px;
    text-align: center;
}