/*
Theme Name: fayaz
Author: Ali fayaz
Version: 1.0
Text Domain: fayaz
 */

@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}

* {
    padding: 0;
    margin: 0
}

html, body {
    font: 300 14px/21px 'IRANSans', 'sans-serif';
    font-size: 10px;
    direction: rtl;
    height: 100%;
    background: #ebebeb
}

.sticky #menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    background: #000;
}

*::selection {
    background: #00b4a5;
    color: #fff
}

ul, ol {
    /*list-style: none;*/
}

img, a {
    border: 0
}

a {
    text-decoration: none;
    -webkit-transition: color ease .25s;
    -ms-transition: color ease .25s;
    transition: color ease .25s;
}

.wrapper {
    min-height: 70% !important
}

.topbar {
    background: #262f34;
    border-top: 3px #00b4a5 solid;
    font-size: 1.3em;
    line-height: 2.7em
}

.lang select {
    background: none;
    color: #fff;
    border: 0
}

.lang select option {
    color: #000
}

.lang-icon {
    width: 23px;
    vertical-align: middle;
}

.fa-globe {
    color: #049c90;
    font-size: 1.3em;
    vertical-align: middle;
}

header {
    background: #fff
}

.headerSection {
    padding: 1.5em 0;
    position: relative;
}

.headerRight {
    float: left;
    position: absolute;
    bottom: 15px;
}

.search {
    float: right;
    border: 1px #464646 solid;
    margin: 1em 0 0 0;
    width: 63%
}

.searchText {
    border: 0;
    line-height: 2.5em;
    width: 86%;
    text-align: right;
    padding: 0 10px;
    background: transparent;
    font-size: 1.3em
}

.searchButton {
    border: 0;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    background: url('../images/search-icon.jpg') center no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.cart {
    float: right;
    margin: 0 1em 0 0;
    font-size: 2.2em
}

.cart .cnumber {
    border-bottom: 1px #464646 solid;
    color: #ed145b;
    font-size: 1.2em;
    vertical-align: middle;
}

#cart img {
    height: 2em;
    vertical-align: middle;
}

.headerLeft {
    float: left;
}

.logo {
    float: left;
}

.logo img {
    width: 10em
}

.nav-bar {
    background: #00b5a6
}

nav {
    float: right;
    display: table;
}

nav ul {
    text-align: center
}

nav ul li {
    display: inline-block;
    padding: 0 1em;
    position: relative;
    line-height: 3.8em;
}

nav ul li a {
    font-size: 1.4em;
    color: #fff;
    position: relative;
    display: inline-block;
}

nav ul li a::before {
    content: "";
    width: 0;
    height: 2px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: width ease .25s, color ease .25s;
    -ms-transition: width ease .25s, color ease .25s;
    transition: width ease .25s, color ease .25s;
}

nav ul li a::after {
    content: "";
    width: 0;
    height: 2px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: width ease .25s, color ease .25s;
    -ms-transition: width ease .25s, color ease .25s;
    transition: width ease .25s, color ease .25s;
}

nav ul li a:hover::after {
    width: 100%
}

nav ul li a:hover::before {
    width: 100%
}

nav ul li ul {
    background: #2b2b2b;
    border-radius: 5px;
    position: absolute;
    top: 5.9em;
    right: 4.7em;
    width: 12em;
    line-height: 3em
}

nav ul li ul li {
    display: block
}

nav ul li ul li a {
    font-size: 1.3em
}

nav ul li ul li a:hover {
    color: #ffdd00;
    background: none
}

.login {
    float: left;
    width: 15em;
    position: relative;
}


.login ul li {
    display: inline-block;
    line-height: 3.8em;
    position: relative;
    text-align: right;
}

.login ul li a {
    color: #fff;
    font-size: 1.4em;
    padding: 0 1em;
}

.login ul li:hover {
    background: #faea43;
}

.login ul li.profile:hover {
    background: none;
}

.login ul li:hover a {
    color: #000
}

.login ul li.profile:hover a {
    color: #fff;
}

.containerLogin {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 20em;
    padding: 1.5em 1.5em 0 1.5em;
    background: #faea43;
}

.login ul li:hover div {
    display: block;
}

.username {
    width: 86%;
    line-height: 2.5em;
    border: 1px #808080 solid;
    padding: 0 1.5em 0 0;
    font-size: 1.3em;
}

::-webkit-input-placeholder {
    font-size: 1em;
    color: #000;
}

::-moz-placeholder {
    font-size: 1em;
    color: #000;
}

:-ms-input-placeholder {
    font-size: 1em;
    color: #000;
}

:-moz-placeholder {
    font-size: 1em;
    color: #000;
}

.password {
    width: 86%;
    line-height: 2.5em;
    border: 1px #808080 solid;
    padding: 0 1.5em 0 0;
    font-size: 1.3em;
}

.loginSubmit {
    width: 100%;
    background: #039c8e;
    border: 0;
    color: #fff;
    padding: 0.2em;
    font-size: 1.4em;
}

.lostPassword {
    width: 100%;
    display: table;
    padding: 0 !important;
    text-align: left;
    font-size: 1.2em !important;
    color: #039c8e !important;
}

.slider {
    width: 100%;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #fff 50%, #ebebeb 50%, #ebebeb 50%, #ebebeb 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #fff 50%, #ebebeb 50%, #ebebeb 50%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #fff 50%, #ebebeb 50%, #ebebeb 50%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb', GradientType=1);
}

.products {
    text-align: center;
    margin: 0.5em 0 0 0;
}

.products article {
    display: inline-block;
    width: 286px;
    height: 286px;
}

.products article img {
    width: 100%
}

.homeContent {
    font-size: 1.4em;
    text-align: justify;
    line-height: 2em
}

.content {
    float: right;
    padding: 1.5em;
    box-sizing: border-box;
}

.contentTitle {
    line-height: 2em;
}

.sidebarSection {
    float: right;
    padding: 1.5em;
    box-sizing: border-box;
}

.sidebar {
    margin: 0 0 2em 0;
}

.sidebarTitle {
    background: #00b5a6;
    color: #fff;
    line-height: 2.3em;
    padding: 0 1em;
    font-size: 1.3em;
}

.sidebarContent {
    padding: 1em 0;
}

.sidebar ul {
    padding: 1em 0;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 300px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

.sidebar ul ::-webkit-scrollbar-thumb {
    background: #00b5a6;
    border-radius: 10px;
    width: 5px
}

.sidebar li img {
    width: 80px;
    height: 80px;
    float: right;
    margin: 0 0 0 1em;
}

.sidebar li {
    margin: 0 0 1em 0;
    display: table;
    width: 100%;
}

.more {
    color: #039c8e;
    -webkit-transition: color ease 0.15s 0.1s, color ease .25s;
    -ms-transition: color ease 0.15s 0.1s, color ease .25s;
    transition: color ease 0.15s 0.1s, color ease .25s;
    display: table;
    margin: 0.5em auto;
}

.more:hover {
    color: #00b0a6
}

.articleImg {
    width: 9em;
}

.productList {
    background: #535b5e;
    padding: 2em 0;
    text-align: center
}

.productList ul li {
    display: inline-block;
}

.productList ul li a {
    color: #b5b5b5;
    font-size: 3em;
    padding: 1em 0.9em;
    display: table;
    border: 1px #535b5e solid;
    -webkit-transition: border ease .2s;
    -ms-transition: border ease .2s;
    transition: border ease .2s;
}

.productList ul li a:hover {
    color: #fef898;
    border: 1px #fef898 solid;
}

footer {
    background: #1c2427;
    text-align: center;
    padding: 5em 0
}

.footerRightSection {
    float: right
}

.footerLeftSection {
    float: right;
    padding: 15em 0 0 0px;
}

.logos img {
    width: 13em;
    height: 13em;
    margin: 0 2em
}

.contact {
    width: 70%;
    border-top: 1px #9d9998 solid;
    padding: 2em 0 0 0;
    margin: 1em auto 0 auto;
    line-height: 3em;
}

.address {
    color: #00b5a4;
    width: 69%;
    font-size: 1.6em;
    float: right;
    border-left: 1px #9d9998 solid
}

.phone {
    color: #00b5a4;
    width: 30%;
    font-size: 1.6em;
    float: right
}

.social {
    float: left;
    width: 65%;
}

.social li {
    display: inline-block;
    margin: 0 0.5em
}

.social li a {
    color: #959595;
    font-size: 2em;
    padding: 0.5em 0.1em 0;
    background: #30393e;
    width: 2em;
    height: 1.5em;
    display: table;
}

.social li a:hover {
    color: #00b5a4;
}

.copyright {
    color: #9d9998;
    font-size: 1.4em;
    line-height: 1.7em;
    border-top: 1px #9d9998 solid;
    padding: 1em 0 0 0;
    margin: 1em auto 0 auto;
    width: 50%
}

.copyright a {
    color: #9d9998
}

.copyright a:hover {
    color: #fff;
}

.cartFixed {
    position: fixed;
    top: 50%;
    bottom: 50%;
    right: 0;
    background: url('../images/cart-fixed.png');
    width: 5.1em;
    height: 10em;
    z-index: 100;
}

.cartFixed span {
    transform: rotate(-90deg);
    display: table;
    position: absolute;
    bottom: 0.7em;
    color: #ed145b;
    padding: 0 0.7em 0 0;
    font-size: 2.3em;
}

.internalContentTitle {
    font-size: 1.7em;
    border-bottom: 1px #00b5a6 dotted;
    line-height: 3em;
    color: #424242;
}

.registerContainer {
    margin: 3em 0;
    padding: 0 2em;
    box-sizing: border-box
}

.registerContainer h3 {
    font-size: 1.3em;
}

.registerContainer select {
    margin: 1em 0;
    width: 75%;
    display: table;
    height: 3.5em;
    border: 1px #808080 solid;
    padding: 0 1.5em 0 0;
    font-size: 1.3em;
    color: #999
}

.registerContainer input {
    margin: 1em 0;
    width: 75%;
    display: table;
    line-height: 3em;
}

.registerContainer textarea {
    margin: 1em 0;
    width: 75%;
    display: table;
    line-height: 3em;
}

.registerContainer textarea::-webkit-input-placeholder {
    color: #999
}

.registerContainer input::-webkit-input-placeholder {
    color: #999
}

.registerContainer input[type="submit"] {
    width: 75%
}

.registerContainer input[type="checkbox"] {
    width: auto;
    display: inline-block;
}

.registerContainer span {
    font-size: 1.2em
}

.privacyMore {
    color: #4597de
}

.post-content {
    font-size: 1.5em;
    width: 70%;
    padding: 1em;
    float: left;
    line-height: 2em;
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.detail span {
    margin: 0 0 0 2em
}

.post-content h1 {
    line-height: 3em;
    font-size: 2em;
}

.share {
    text-align: center;
    padding-top: 10em;
    padding-bottom: 10em;
    background: #e2e2e2;
    -webkit-transition: background-color ease .25s;
    -ms-transition: background-color ease .25s;
    transition: background-color ease .25s;
}

.share h2 {
    font-size: 3em
}

.share ul {
    margin: 6em 0 0 0
}

.share ul li {
    display: inline-block;
    margin: 0 0 0 5em;
}

.share ul li a {
    color: #6d6e71;
    font-size: 3em
}

.pathbar {
    width: auto;
    border-bottom: 1px #2b2b2b solid;
    text-align: right;
    font-size: 1.3em;
}

.pathbar a {
    color: #2b2b2b;
}

.pathbar a:hover {
    color: #686868
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-header {
    margin: 0 0 2em
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
    width: 33%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 5px;
    color: #555
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: #555;
    float: left;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

.loginContainer {
    box-sizing: border-box;
    padding: 0 2em
}

.loginContainer label {
    font-size: 1.3em;
    margin: 0 0 0.5em 0;
    float: right;
}

.loginContainer input {
    height: 40px;
    box-sizing: border-box;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(195, 195, 195);
    border-image: initial;
    border-radius: 3px;
    padding: 0px 12px;
    outline: none;
    margin: 0 0 2em 0;
}

.loginContainer input::-webkit-input-placeholder {
    color: #999
}

.loginContainer input[type="submit"] {
    width: 100%;
    border: 0;
}

.forgetPass {
    float: left;
    font-size: 1.3em;
    margin: 0 0 0.5em 0;
    color: #2196f3;
}

#remember {
    float: right;
    height: auto;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0.5em 0 0 0.5em
}

.registerWrapper {
    font-size: 1.4em;
}

.register {
    float: left;
    color: #00b5a6;
    border-bottom: 1px #00b5a6 dashed;
}

.activeRegister {
    text-align: center;
    color: #00b5a6;
    margin: 5em 0;
}

.activeRegister a {
    font-size: 1.4em;
    display: table;
    background-color: #4597de;
    padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    color: #fff;
    border-radius: 3px;
    transition: background-color 0.5s ease;
}

.activeRegister a:hover {
    background-color: #60a7e4;
}

.activeRegister i {
    font-size: 1.7em;
    vertical-align: middle;
}

.expireRegister {
    text-align: center;
    color: #f00;
    margin: 5em 0;
}

.expireRegister a {
    font-size: 1.4em;
    display: table;
    background-color: #4597de;
    padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    color: #fff;
    border-radius: 3px;
    transition: background-color 0.5s ease;
}

.expireRegister a:hover {
    background-color: #60a7e4;
}

.expireRegister i {
    font-size: 1.7em;
    vertical-align: middle;
}

.message {
    text-align: center;
    margin: 20px 0 0 0;
    font-size: 1.3em;
}

.ok {
    color: #00b5a6
}

.error {
    color: #f00;
    padding: 0 2em 0 0;
}

#errorPassword {
    color: #f00;
    padding: 0 2em 0 0;
}

.warning {
    color: #f00
}

.checkoutFeature {
    border-radius: 5px;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    letter-spacing: -.2px;
    color: #aaa;
}

.checkoutSummary {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    line-height: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    color: #ed145b;
}

.checkoutSummary h1 {
    margin-bottom: 20px;
    display: inherit;
}

.checkoutAside {
    width: 30%;
    margin-right: 50px;
}

.checkout {
    margin: 0 0 10px;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dcdcdc;
    background: #fff;
    width: 70%;
    font-size: 1.3em;
}

.checkoutRemove {
    width: 26px;
    height: 26px;
    text-align: center;
    border: none;
    border-radius: 13px;
    color: #999;
    background: #d2d2d2;
    transform: translateY(-50%);
    cursor: pointer;
}

.basketList .checkoutThumb {
    width: 49%;
}

.checkoutThumb {
    display: inline-block;
    text-align: center;
    width: 32%;
    vertical-align: middle;
}

.checkoutThumb img {
    width: 200px;
    vertical-align: middle;
}

.checkoutThumb button {
    vertical-align: middle;
    display: inline-block;
    padding: 5px 0 0 0;
}

.basketList .checkoutDesc {
    width: 49%;
}

.checkoutDesc {
    display: inline-block;
    text-align: center;
    width: 28%;
    vertical-align: middle;
}

.basketList .checkoutInformation {
    width: 100%;
    margin: 20px 0 0 0;
}

.checkoutInformation {
    display: inline-block;
    text-align: center;
    width: 38%;
    vertical-align: middle;
    font-size: 1.2em;
}

.checkoutQuantity {
    display: inline-block;
    text-align: center;
}

.checkoutUnitName {
    margin: 0 40px 0 0;
}

.checkoutPrice {
    display: inline-block;
    width: 49%;
    text-align: center;
}

.checkoutItem:first-child {
    border-top: none
}

.checkoutItem {
    border-top: 1px solid #dcdcdc;
    padding: 15px 0;
}

.activationCodeBox {
    margin: 0 0 2em 0;
}

.activationCodeBox span {
    color: #424242;
    font-size: 0.9em;
}

.activationCodeText {
    border: 1px #808080 solid;
    padding: 0.4em 1em;
    font-size: 1.2em;
    margin: 1em auto;
    width: 15%;
    font-weight: normal;
    display: table;
    color: #424242;
}

.activationCodeSubmit {
    background: #039c8e;
    border: 0;
    color: #fff;
    padding: 0 0.7em;
    font-size: 1.3em;
    font-weight: normal;
}

.resendActivation {
    font-size: 0.9em;
    clear: right;
    display: block;
    margin: 1em 0 0 0;
    color: #4597de;
}

#cartPopup {
    top: calc(100% + 2px);
    left: 0;
    width: 400px;
    right: unset;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 0 0 10px 10px;
    display: none;
    padding: 0 0 45px;
    line-height: 22px;
    position: absolute;
    z-index: 10;
}

.hidden {
    display: none;
}

.basketArrow {
    transform: rotate(45deg);
    border-left: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    background-color: #fafafa;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -6.5px;
    left: 41%;
    transition: background-color .3s ease-in-out;
}

.basketHeader {
    padding: 14px 10px 14px 15px;
    width: 100%;
    position: relative;
}

.basketList {
    width: 100%;
}

.cartItem {
    font-size: 11px;
}

.basketItemImage {
    width: 55% !important;
}

.basketTotal {
    color: #ed145b;
    text-align: center;
    font-size: 0.8em;
}

.basketSubmit {
    font-size: 0.7em;
    line-height: 26px;
    letter-spacing: -.5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 10px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 180, 165, 1);
    border-top: 1px solid #c6c6c6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.basketItemRemove {
    background: #fff;
    width: 18px;
    height: 18px;
    padding: 0 !important;
    font-size: 1.4em;
}

.errorMessage {
    display: none;
}

.errorMessage label {
    color: #ff0000;
}

.counter {
    display: inline-block;
}

.counter label {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;

}

#productCounter {
    line-height: 30px;
    width: 60px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
}

.productCount {
    line-height: 30px;
    width: 60px;
    padding: 0 10px 0 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid #c8c8d6;
    border-radius: 5px;
    margin: 0 10px 0 0;
}

.productPackage {
    display: inline-block;
    margin: 0 20px 0 0;
}

.productPackage label {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;

}

#unitId {
    height: 34px;
    width: 120px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
}

.requireMessage {
    display: none;
    color: #f00;
}

.contactInfo {
    margin: 30px 0;
    text-align: center;
    font-size: 14px;
}

.contactInfo li {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    height: 100px;
}

.contactInfo li i {
    font-size: 25px;
    color: #00b5a6;
}

.contactInfoManager {
    margin: 30px 0;
    font-size: 14px;
}

.contactInfoManager li {
    width: 100%;
    vertical-align: middle;
}

.contactInfoManager li img {
    float: right;
    margin: 0 0 0 10px;
    width: 100px;
}

.internalContent {
    font-size: 15px;
    padding: 15px 0;
    line-height: 30px;
}

.aboutImage {
    margin: 20px 0;
    text-align: center;
}

.articles img {
    float: right;
    margin: 0 0 0 10px;
}

.articles h2 {
    font-size: 13px;
    line-height: 25px;
    text-align: right;
}

.articles h2 a {
    color: #525252;
}

.moreArticle {
    color: #039c8e;
    font-size: 12px;
}

.completeRegister {
    text-align: center;
}

.variableFields {
    width: 48%;
    display: inline-block;
}

.completeRegister li label {
    font-size: 14px;
}

.completeRegister li select {
    width: 90%;
    margin: 1em auto;
}

.completeRegister li input {
    width: 90%;
    margin: 1em auto;
}

.disabled {
    display: none;
}

.duplicateName, .userTypeError, .economicNumberPublicHospitalError, .economicNumberError, .economicCodeError, .addressError, .phoneError, .passwordError,
.postalCodeError, .loginError, .nameError {
    color: #f00;
    padding: 0 2em 0 0;
}

.profileContainer {
    text-align: left;
    margin: 0 0 0 15px;
}

.profile i {
    font-size: 28px;
    vertical-align: middle;
    color: #fff;
}

.profilePopup {
    display: none;
    position: absolute;
    z-index: 100;
    background: #00b5a6;
    border: 1px #00b5a6 solid;
}

.profilePopup ul li {
    width: 100%;
}

.profilePopup ul li:hover {
    background: #fff;
    color: #000;
}

.basketList .checkoutItems {
    overflow-y: scroll;
    max-height: 300px;
}

.checkoutItems {
    max-height: 100%;
    overflow-y: auto;
}

.factor {
    text-align: center;
    background: #fbfbfb;
    padding: 20px;
    color: #000;
}

.factor h3 {
    text-align: right;
    line-height: 40px;
}

.factor table {
    border-collapse: collapse;
    width: 100%;
}

.factor table tr {
    border-bottom: 1px #ccc solid;
}

.factor table td, th {
    border: 1px solid #dddddd;
    padding: 8px;
}

.factor table tr:nth-child(even) {
    background-color: #f3f3f3;
}

.totalFactor {
    margin: 20px 0;
}

.totalFactor th {
    width: 30%;
}

.totalFactor td {
    width: 70%;
}

.payment {
    padding: 15px;
    margin: 15px 0;
}

.payment a {
    color: #fff;
    padding: 7px 15px;
    background: rgba(0, 180, 165, 1);
}

.terms {
    text-align: right;
    margin: 20px 0 0 0;
}

.terms a {
    color: #ed145b;
}

.productsList {
    display: none;
}

.resultError {
    color: #fb3449;
    width: 300px;
    margin: 30px auto;
    text-align: justify;
    border: 1px solid #fb3449;
    padding: 10px;
}

.resultSuccess {
    color: #2e7b32;
    width: 300px;
    margin: 30px auto;
    text-align: justify;
    border: 1px solid #2e7b32;
    padding: 10px;
}

.helplinkspan {
    height: 40px;
    position: relative;
    bottom: 10px;
    background-color: #FFF;
    padding: 10px;
    text-align: right;
    display: block
}

.helplink {
    font-size: 12pt;
    color: #039c8e
}