:root {
  --main: #006ad0;
  --second: #363636;
  --gray: #f7f8f9;
  --gray-dark: rgba(0, 0, 0, 0.7);
  --gray-light: rgba(0, 0, 0, 0.1);
  --white: #ffffff;
  --white-text: rgba(255, 255, 255, 0.75);
  --white-trans: rgba(255, 255, 255, 0);
  --black-darker: #0a182d;
  --black: #000;
  --black-text: #262626;
  --black-light: rgba(19, 19, 19, 0.7);
  --green: #87f02a;
  --orange: #F48120;
  --blue: #0059a6;
  --blue-light: #00c0ef;
  --yellow: #c88c2b;
  --red: #e21b14;
  --bg-menu: #f1f8ff;
}

html {
    height: 100%;
    margin: 0!important;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transform: all 1.3s ease-out;
    transition: all 1.3s ease-out;
}
body {
	color:var(--black-text);
    font-size: 14px;
	font-family: 'Lexend', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden!important;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transform: all 1.3s ease-out;
    transition: all 1.3s ease-out;
}
a,button,[role="button"],input,label,select,textarea{
    touch-action:manipulation
}
a {
	text-decoration: none;
	color:var(--black-text);
	outline:none;
	cursor:pointer;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
a:hover { color: var(--main); }

img {
    display: inline-block; 
    max-width: 100%; 
    height: auto!important;
    object-fit: cover;
    object-position: center;
    border-radius: initial;
}
.bg-red,
.bg-yellow,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-aqua,
.bg-orange {
  color: var(--white) !important;
}
.bg-gray {
  color: var(--black);
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red {
  background-color: #d90000 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-blue {
  background-color: #007ec4 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-orange {
  background-color: var(--orange) !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}
.btn svg {
    width: 20px;
    height: 20px;
}
.btn.btn-primary {
    border: 0;
    align-items: center;
    color: var(--white);
    background: var(--main);
}
.btn.btn-primary:focus {box-shadow: none!important;}
.btn.btn-primary:hover {
    filter:alpha(opacity=80);
    opacity: .8;
} 

.icon-svg--size-10 {
    width: 10px;
    height: 10px;
}
.btn--small{
    padding:6px 10px;
    font-size:0.85714em;
    line-height:1
}
.btn--secondary{
    background-color:transparent;
    color:#9fb2c1;
    border-color:#9fb2c1
}
.btn--secondary:not([disabled]):hover,.btn--secondary:focus{
    background-color:transparent;
    color:#8099ad;
    border-color:#8099ad
}

::-webkit-scrollbar{width:7px; height: 7px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0); -webkit-border-radius:18px;border-radius:18px}
::-webkit-scrollbar-thumb{-webkit-border-radius:18px;border-radius:18px;background:rgba(162,163,167,.9);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(74,144,226,.1)}
@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
/******************************Layout****************************************/
.front-page::before {
    display: none;
    content: 'mobile';
}
#site-header:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.box_shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.box_border {
    border: 1px solid #ced4da;
}
.box_radius {
    -webkit-border-radius:4px;
    border-radius:4px
}
#masthead {
    background-color: var(--white);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.btn--link {
    background-color: transparent;
    border: 0;
    margin: 0;
    color: #30424e;
    text-align: left;
}
.btn--link .icon {
    vertical-align: middle;
}
.text-link{
    display:inline;
    border:0 none;
    background:none;
    padding:0;
    margin:0
}
.text-link--accent{
    color:#9fb2c1;
    font-weight: 400;
    font-size: .875rem;
    cursor: pointer;
    padding-bottom:1px
}
.text-link--accent:not([disabled]):hover,.text-link--accent:focus{
    color:#8099ad;
    outline: none;
}

.site-header__icon svg {
    height: 24px;
    width: 24px;
    display: inline-block;
    fill: currentColor;
}
.site-header .titleSeo {
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -999px;
    left: -999px;
}
.nav-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    gap: .75rem;
}
.nav-control .nav-cart {
    position: relative;
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--black-text);
}
.nav-control .nav-cart .cart-number {
    height: 12px;
    min-width: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 10px;
    background-color: var(--red);
    color: white;
    font-size: 10px;
    right: 5px;
    top: 5px;
    position: absolute;
}
.nav-control a {color: var(--black-text);}
.nav-control a:hover {text-decoration:none;}
.nav-search {
    height: 40px;
    align-items: center;
    background: none;
    border: none;
    display: flex;
}

.nav-control .sgvicon {
    height: 40px;
    width: 40px;
    font-size: 1.5rem;
    color: black;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-control .sgvicon svg {
    height: 26px;
    width: 26px;
    fill: currentColor;
} 

#masthead .on_menu_left {
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
}
#masthead .on_menu_left:focus {
    outline: none;
    box-shadow: none;
}
#masthead .on_menu_left svg {
    width: 32px;
    height: 32px;
}

/**/
#searchPanel {
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    background: rgba(0, 0, 0, .8);
    z-index: 1023!important;
    position: fixed;
    transition: opacity .8s;
}
.closeSearch {
    position: absolute;
    top: 1rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    text-align: center;
    color: white;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.closeSearch:focus,.closeSearch:active {
    outline: none;
    box-shadow: none;
}
.closeSearch svg {
    width: 32px;
    height: 32px;
    fill: white;
}
#searchPanel.nav-is-visible {
    display: block;
    opacity: 1;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
#searchPanel .container {
    margin: .5rem auto;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#searchPanel form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.search-content {
    position: relative;
    width: 100%;
}
.search-content input[type="text"] {
    text-transform: none;
    background-color: rgba(255,255,255,.85);
    border-color: var(--black-text);
    height: 60px;
    border-radius: 34px;
    padding: 1rem 4rem 1rem 2rem;
    font-size: 1.125rem;
    color: var(--black-text);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -o-box-shadow: none!important;
    letter-spacing: 1px;
}
.search-content input::-webkit-input-placeholder {
  color: var(--black-text);
}
.search-content .search-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 65px;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.search-content .search-submit svg {
    width: 38px;
    height: 38px;
    fill: var(--black);
}
/**/
#panel {
    opacity: 0;
    display: none;
    background: var(--white);
    z-index: 1019!important;
    position: relative
}
#panel.nav-is-visible {
    opacity: 1;
    display: block;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
}
.navigationMenu .panel {border: none;}
.navigationMenu .nav-heading {
    color: var(--black-text);
    display: block;
    font-size: 15px;
    font-weight: 400;
    height: 43px;
    line-height: 42px;
    margin: 0;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    position: relative;
}
.navigationMenu .nav-heading a {display: block;color: var(--black-text);}
.navigationMenu .nav-heading .fa-chevron-down {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    line-height: 40px;
    margin: 0;
    padding: 0 15px 0 30px;
    width: auto;
    font-size: 10px
}
.navigationMenu .nav-heading [data-toggle="collapse"].fa-chevron-down:before {content:"\f077"}
.navigationMenu .nav-heading [data-toggle="collapse"].collapsed.fa-chevron-down:before {content:"\f078"}
.navigationMenu .navi-nofollow {
    color: var(--black-text);
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    font-family: RobotoSlab-Regular;
    font-size: 14px
}
.sub-list {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 0;
    background: #f7f7f7
}
.sub-list li {position: relative;}
.sub-list li .title {
    position: relative;
    display: block;
    padding: 8px 50px 8px 15px;
}
.sub-list li .title:before {
    position: absolute;
    content: '\f138';
    top: 10px;
    left: 0;
    font-size: 11px;
    font-family: 'FontAwesome';
    color: var(--main);
}
.navigationMenu .sub-list .title {padding-left: 30px;}
.navigationMenu .sub-list .title:before {left: 13px;}
.sub-list a:active,.sub-list a:hover {
    color: var(--main)
}
.sub-list .fa-angle-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
}
.navigationMenu .sub-list li li .title {padding-left: 45px;}
.navigationMenu .sub-list li li .title:before {
    content: '\f10c';
    left: 28px;
    font-size: 10px;
}
/**/
.about-intro {
    padding: 3rem 0;
    background-image: url(../images/bg/decor-about.png);
}
.about-intro .readmore {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--main);
    font-weight: 600;
}
.about-intro .box-heading .name {
    font-size: 2rem;
    font-size: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
    color: var(--main);
}
.about-count {
    padding: 4rem 0;
    background-image: url(../images/bg/counter-bg-1.jpg);
}
.about-count .items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: white;
}
.about-count .items .icon {
    background-color: #007de6;
    background-repeat: no-repeat;
    background-size: cover;
    width: 110px;
    height: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-image: url(../images/bg/bg-icon-box.svg);
    mask-image: url(../images/bg/bg-icon-box.svg);
    margin: 0 auto;    
}
.about-count .items .icon img {
    width: 40px!important;
}
.about-count .items .title {
    font-size: 2rem;
    font-size: clamp(2rem, 1.775rem + 1.125vw, 3.125rem);
    font-weight: 700;
}
.about-count .items .title_sub {
    font-size: 1rem; text-transform: uppercase;
    font-weight: 500;
}
.about-inner {
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: #f9f9f9;
}
.about-info {
    padding: 2rem 0;
}
.about-info .items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-color: #fff;
    padding: 30px;
    transition: all .3s;
    height: 100%;
}
.about-info .items:hover {
    background-color: #006ad0;
    border: 1px solid #006ad0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
}
.about-info .items .icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.about-info .items:hover .icon img {filter: brightness(0) invert(1);}
.about-info .items .title {
    font-size: 1rem;
    font-weight: 700;
}
.about-service {
    padding: 2rem 0;
}
.about-service .box-heading .name,.about-whychoose .box-heading .name {
    font-size: 2rem;
    font-size: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
}
.about-service .row {row-gap: 1rem}
.about-service .items {
    display: flex;
    gap: 1rem;
}
.about-service .items .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.about-service .items .icon img {filter:}
.about-service .items .content {flex: 1;}
.about-service .items .content .title {
    font-size: 1rem;
    font-weight: 700;
}
.about-whychoose {
    padding: 3rem 0;
    background-color: var(--bg-menu);
}
.bar-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.bar-item {
    width: 100%;
    display: flex;
    flex-direction: column;    
}
.bar-item label {
    font-weight: 600;
    text-transform: uppercase;
}
.progress {
    background-color: #e5e5e5;
    height: 5px;
}
/**/
.small-box {
  border-radius: 5px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
  margin-bottom: 5px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 0;
  font-size: 64px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 68px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}
/*member*/
.member-header {
    border-radius: .25rem;
    padding: .35rem;
    background-color: var(--gray);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.member-info {
    padding-left: 60px;
    position: relative;
    font-size: .875rem;
    height: 50px;
    display: flex;
    align-items: center;
}
.member-info .member-img {
    flex-shrink: 0;
    position: absolute;
    left: 4px;
    top: 2px;
    width: 46px;
    height: 46px;
    background-color: var(--white);
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.member-info .member-img span {
    border-radius: 50%;
    display: block;
    overflow: hidden;
}
.member-info .member-text {flex: 1;}
.member-text strong {
    font-size: 17px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.member-text span {color: #999;}
.member-text a {color: #999; font-size: .813rem;}
#slider-left .close_aside {display: none;}
.article-menu .box-heading {
    margin-bottom: 0.35rem;
}
.article-menu .box-heading.line-heading {
    border-bottom: 1px solid var(--gray);
}
.article-menu .box-heading .name {
    padding: 0.35rem 0;
    font-size: 1rem;
}
.article-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.article-menu ul a {
    display: block;
    padding: 5px 0 5px 20px;
    position: relative;
    font-size: .875rem;
}
.article-menu ul a:before {
    position: absolute;
    left: 0;
    top:50%;
    color: var(--black-text);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f046';
}
.article-menu ul a.edit:before {content: '\f044';}
.article-menu ul a.order:before {content: '\f0f6';}
.article-menu ul a.change:before {content: '\f1da';}
.article-menu ul a.briefcase:before {content: '\f2c3';}
.article-menu ul a.product:before {content: '\f290';}
.article-menu ul a.plus:before {content: '\f055';}
.article-menu ul a.sign_out:before {content: '\f08b';}
.article-menu ul a.chart:before {content: '\f080';}
.member-avatar {
    text-align: center;
    padding: 1rem;
    border: 1px dashed var(--gray-light);
    border-radius: 4px;
}
.member-avatar .avatar-view, .member-avatar .avatar-view span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.member-avatar .avatar-view span {
    width: 100px;
    height: 100px;
    font-size: 36px;
    background-color: var(--gray);
    border-radius: 50%;
    overflow: hidden;
}
.member-avatar .avatar-view span .demo {
    width: 48px;
}
.avatar-btn {font-size: .75rem; margin-top: 1rem;}
.avatar-btn .custom-file-input{
    opacity: unset;
    width: 100px;
}
.avatar-btn p {
    color: #999;
    margin-bottom: 0;
}
.avatar-btn .custom-file-input {
    color: transparent;
}
.avatar-btn .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  display: none;
}
.avatar-btn .custom-file-input::before {
  content: 'Chọn ảnh';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.avatar-btn .custom-file-input:hover::before {
  border-color: black;
}
.avatar-btn .custom-file-input:active {
  outline: 0;
}
.avatar-btn .custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
/*list order*/
.article-entry {
    position: relative;
    word-break: break-word;
}
.article-entry table {max-width: 100%;}
.article-entry [data-toggle="dropdown"] {position: absolute; top: -3rem; right: 0; z-index: 1;}
.article-entry:not(.title-top) [data-toggle="dropdown"] {top: 0;}
.article-entry .navOrder:not(.show) {
    display: block; 
    background-color: #f5f5f5; 
    white-space: nowrap; 
    position: relative;
    z-index: unset;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd; 
    float: unset;
}
.article-entry .navOrder:not(.show) a {display: inline-block; vertical-align: text-bottom; margin-bottom: -3px; padding: 8px 36px; border-bottom: solid 3px transparent;}
.article-entry .navOrder a {position: relative;}
.article-entry .navOrder.show a {
    display: block;
    clear: both;
    padding: .25rem 1rem;
}
.article-entry .navOrder a:hover {text-decoration: none;}
.article-entry .navOrder a span{display: block;}
.article-entry .navOrder a.selected {color: var(--red);}
.article-entry .navOrder:not(.show) a.selected {color: var(--red); border-bottom-color: #ed1c24; font-weight: 700;}
.article-entry .navOrder:not(.show) a.selected:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ed1c24;
}

.purchase-empty-order {
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 100%;
    min-height: 20rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.purchase-empty-order__icon {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/bg_donhang.png);
    width: 8rem;
    height: 8rem;
    margin: 1rem 0;
}
.purchase-empty-order__text {
    color: rgba(0,0,0,.8);
    line-height: 1.8rem;
}
/**/
.promotion-info {
    line-height: 24px;
    font-size: 16px;
}
/**/
.topnav.navbar{padding: 0;}
.navbar-brand {
    display: flex;
    align-items: center;
    padding: .75rem 0;
}
.navbar-brand .logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
}
ul.main-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.main-navigation > li {
    position: relative;
}
.main-navigation > li.root {
    text-align: center;
}
.main-navigation > li.root+li {
    margin-left: 1.5rem;
}
.main-navigation > li > a {
    padding: 10px 15px;
    display: block;
    line-height: 26px;
    position: relative;
    text-decoration:none;
    color: black;
}
.main-navigation > li.root > a {
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
    transition: all .3s ease;
    padding: 12px 5px;
    display: flex;
    align-items: center;
}
.main-navigation > li.root > a .fa {margin-left: 8px; font-size: 16px;}
.main-navigation > li.root > a:after {
    border-bottom: 3px solid var(--main);
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transition: width .4s linear 0s;
    width: 0;
}
.main-navigation > li.root:hover > a:after {
    left: 0;
    width: 100%;
}
.main-navigation > li.root > a img {max-height: 32px;}
.main-navigation > li.root > a span {display: block;}
.main-navigation > li.root > a:hover,.main-navigation > li.root:hover > a,.main-navigation > li > a.current {
    color: var(--main);
}
.rootmenu-hovercate {
    min-width: 190px;
    font-size: 14px;
    line-height: 20px;
    color: var(--black-text);
    list-style: none;
    font-weight: 400;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 20;
    display: none;
    background: var(--white);
    border: 1px solid #ddd;
    border-top: 0;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.25);
}
.rootmenu-hovercate ul {
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 230px;
}
.rootmenu-hovercate ul li {border-top: 1px solid #eee;}
.rootmenu-hovercate ul li:first-child {border-top: 0;}
.rootmenu-hovercate ul li a {
    padding: 7px 10px;
    color: var(--black-text);
    line-height: 20px;
    position: relative;
    display: block;
    text-align: left;
}
.rootmenu-hovercate ul li a:hover {
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.rootmenu-hovercate ul li:last-child a {border-bottom: 0;}
.rootmenu-hovercate ul li ul {
    visibility:hidden;
    opacity:0;
    position:absolute;
    left:100%;
    top:0;
    z-index:22;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    background:var(--white);
    padding: 0;
    transition:transform 0.4s ease 0s;
    -webkit-transition:-webkit-transform 0.4s ease 0s;
    -moz-transition:-moz-transform 0.4s ease 0s;
    transform:scale(0.7, 1);
    -webkit-transform:scale(0.7, 1);
    -moz-transform:scale(0.7, 1);
    transform-origin:0 0 0;
    -webkit-transform-origin:0 0 0;
    -moz-transform-origin:0 0 0;
}
.rootmenu-hovercate ul li:hover ul {
    visibility:visible;
    opacity:1;
    transform:scale(1,1);
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
}

.rootmenu-hovercate ul li a span {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 11px;
    text-align: right;
    font-weight: 400;
    color: #999;
}
.box {position: relative; clear: both; margin-bottom: 15px;}
.box-heading {
    font-size: 1.25rem;
    color: #111;
    margin: 0 0 25px;
    line-height: 1.4;
    position: relative;
    display: block;
}
.box-heading > * {
    padding: 0;
    display: block;
    line-height: 1.6;
}
.box-heading h1,.box-heading h2,.box-heading h3,.box-heading .name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
}
.box-content:before, .box-content:after {
    content: " ";
    display: table;
}
.box-content:after {
    clear: both;
}
.box-heading span {
    display: inline-block;
    position: relative;
}
.box-heading.line-heading span:after {
    content: ' ';
    display: block;
    background: var(--main);
    height: 2px;
    width: 40%;
    left: 0;
    margin-top: 8px;
}
.box-heading.line-heading.text-center span:after {
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.box-heading.line-bottom {
    border-bottom: 1px solid #eee;
}
.box-heading .heading-widget {
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 0;
}
.box-heading .sub-heading {
    margin-bottom: 0;
    margin-top: 5px;
    color: #666;
    font-size: 1rem;
    font-weight: 300;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.box-heading.text-center .sub-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 695px;
}
#column-left .box-heading h3 {font-size: 20px; padding: 0;}
#column-left .box-heading a.filter-clear {position: absolute; top: 6px; right: 10px; font-size: 12px; text-transform: none; color: gray; font-weight: 400;}
#persistent-top-bar {padding-top: 16px; padding-bottom: 16px;}
.element-breadcrumb {
    position: relative;
    height: 30vh;
    padding: 4rem 0;
    display: flex;
    align-items: center;
    background-color: var(--gray);
}
.element-breadcrumb .container {
    position: relative;
    z-index: 1;
}
.element-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: var(--gray-dark);
}
.element-breadcrumb .breadcrumb {
    justify-content: center;
    color: white;
}
.element-breadcrumb .box-heading {
    margin-bottom: 10px; 
    color: white; 
    letter-spacing: 2px;
}
.element-breadcrumb .box-heading .name,.element-breadcrumb .breadcrumb a {color: white;}
.element-breadcrumb .box-heading .name {
    font-size: 1.75rem;
    font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem);
}
.breadcrumbs {
    margin-bottom: 0;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: .5rem 0;
    border-radius: 0;
    font-size: .813rem;
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.breadcrumb::-webkit-scrollbar { display: none;}
.breadcrumb>li+li:before {content: '|'; font-family: 'FontAwesome'; padding: 0 8px;}
.breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}
.breadcrumb a:hover {text-decoration: none;}
.box-category-heading {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
    height: 44px;
    line-height: 24px;
    text-transform: uppercase;
    position:relative;
    cursor:pointer;
}
.box_radius .box-category-heading {border-top-left-radius: 3px; border-top-right-radius: 3px;}

.box-category-heading p, .box-category-heading h3 {
    margin: 0;
    padding: 0;
    line-height: 24px;
    display: block;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-category-heading h3 {font-size: initial; font-weight: 600;}
#box-vertical-megamenus .box-category .nav-heading {
    display: flex;
    align-items: center;
    font-size: 14px;
    min-height: 40px;
    line-height: 1.2;
    margin: 0;
    padding: 3px 35px 3px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
}
#box-vertical-megamenus .box-category .nav-heading.selected a, 
#box-vertical-megamenus .box-category .nav-heading:hover a {color: var(--main);}
#box-vertical-megamenus .box-category .nav-heading .fa-chevron-down {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    font-size: 10px
}
#box-vertical-megamenus .box-category .nav-heading [data-toggle="collapse"].fa-chevron-down:before {content:"\f077"}
#box-vertical-megamenus .box-category .nav-heading [data-toggle="collapse"].collapsed.fa-chevron-down:before {content:"\f078"}

#box-vertical-megamenus .box-category .nav-heading a {
    display: block;
}
#box-vertical-megamenus .box-category .nav-heading:hover a,#box-vertical-megamenus .box-category .nav-heading.selected a {color: var(--black);}
.box-category {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category li {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    position: relative;
    display: block;
}
.box-category li:last-child {border-bottom: 0;}
.box-category a:hover {text-decoration:none}
.box-category li a {
    color: var(--black-text);
    font-size: 14px;
    line-height: 18px;
    padding: 10px 5px 10px 20px;
    display: block;
    position: relative;
}
.box-category li a.selected {font-weight: 600;}
.box-category li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-category li li {
    background-color: var(--white);
}
.box-category li li a {
    color: var(--orange);
    font-weight: 400;
}
.box-category.boss-menu-cate li a.title:after {
    position: absolute;
    content: '\f105';
    top: 10px;
    right: 5px;
    font-family: 'FontAwesome';
}
.box-category li a.title:before {
    position: absolute;
    content: '\f0f6';
    top: 8px;
    left: 0;
    font-family: 'FontAwesome';
}
.box-category li li a.title:before {display: none;}
.box-category.boss-menu-cate li a.title:before {display: none;}
.product-info-page {
    height: auto;
    position: relative;
}
.product-info-page .multiple .listpro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.product-info-page .multiple .listpro a {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    
}
.product-info-page .multiple .listpro a:last-child {margin-bottom: 0;}
.gallery_list .item {
    display: block;
    margin-bottom: 30px;
}
#productSlider a {
    display: block;
    margin-bottom: 15px;
}
.magnifyarea img {max-width: unset; height: unset!important;}
.product-img-box, .product-img-box .product-image, .product-image-gallery,.product-image-gallery.loading {position: relative;}
.product-img-box, .product-img-box .product-image {padding:0;  margin-bottom: 10px;}
.product-image,.no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
}
.no-touch .product-image:hover {
    border-color: #3399cc;
}
.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0 auto;
}
.product-image-gallery .gallery-image { display: none;}
.product-image-gallery .gallery-image.visible { display: block;}
.product-image-gallery .gallery-image.visible.hidden { visibility: hidden;}
.product-image-gallery:before, .product-image-gallery:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.product-image-gallery:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.product-image-gallery:after {
    background-image: url(../images/opc-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {display: block;}
.product-image-gallery {
    margin: 0; padding: 0; list-style: none;
    display: flex;
}
.product-image-thumbs a {
    display: block;
    padding: 3px;
    border: 1px solid #eee;
    position: relative;
}
.product-image-thumbs a.video:after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    background-color: rgba(0,0,0,.5);
    background-image: url(../images/play-video.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.product-image-thumbs .current a {border-color: #e31;}
.product-image-thumbs a img {
    max-width: 100%;
    height: auto;
}
.product-info .box-heading h1.name {
    font-size: 1.857rem;
    text-overflow: inherit;
    white-space: normal;
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
}
.product-info .detail-stock {
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
}
.product-info .detail-stock.instock {
    color: rgb(73, 168, 63);
}
.product-info .item-code,.product-info .item-info,.product-info .item-promo,.product-info .item-price,.product-info .item-cart,.product-info .item-variation,.product-info .item-guide {
    display: block; 
    position: relative; 
    margin-bottom: 15px;
}
.product-info .item-variation .title-options {font-weight: 700; margin-bottom: 0.5rem;}
.product-info .item-variation .variant_item {
    color: #000;
    font-size: 13px;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #eee;
    width: 100%;
    -webkit-box-shadow: 0 2px 0 0 #ddd;
    -moz-box-shadow: 0 2px 0 0 #ddd;
    box-shadow: 0 2px 0 0 #ddd;
    line-height: 40px;
    height: 40px;
    outline: none;
}
.product-info .item-variation select:focus {outline: none;}
.product-info .product-description .item-cart .item-cart-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.product-info .product-description .item-cart-box .custom, .product-info .product-description .item-cart-box .add-cart-button {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.product-info .product-description .item-cart-box .custom {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}
.product-info .product-description .item-cart-box .add-cart-button {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.product-form-quantity {
    position: relative;
    width: 100%;
}
.product-form-quantity input {
    width: 100%;
    height: auto;
    min-height: 38px;
    color: var(--black);
    text-align: center;
    padding: 0 45px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
form.cart input[type=number] {
    -moz-appearance:textfield;
    background-color: var(--white);
    border: 1px solid #eee;
    border-radius: 4px;
}
form.cart input[type=number]::-webkit-inner-spin-button, 
form.cart input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.bigHotline {
    font-size: 1.5rem; 
    font-weight: 700; letter-spacing: 0.5px; line-height: 32px;
    padding-left: 40px;
    background: url(../images/social_zalo.png) no-repeat 0 0;
}
.bigHotline a:hover {text-decoration:none}
.product-form-quantity .quantity-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-form-quantity .quantity-button {
    position: absolute;
    top: 0;
    cursor: pointer;
    border: 0;
    min-width: 35px;
    width: 45px;
    padding: 8px 9px;
    height: 38px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #111;
    font-size: 13px;
    line-height: normal;
    background: #e0e0e0;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-form-quantity .quantity-button svg {
    width: 16px;
    height: 16px;
}
.product-form-quantity .quantity-button.quantity-reduced {
    right: 0;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}
.product-form-quantity .quantity-button.quantity-increase {
    left: 0;
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}
.product-info .item-price {border-top: 1px solid #e5e5e5; padding-top: 8px;}
.product-info .price-box-info .price__regular,.product-info .price-box-info .price__sale {display: block; text-decoration:none}
.product-info .price-box-info .price__sale {margin-top: -10px; text-decoration:line-through; color: #999; font-size: 1.25rem;}
.product-info .price-box-info .amount {font-size: 2rem; color: #f00;}
.ins-discount {
    width: 48px;
    height: 48px;
    padding-top: 10px;
    position: absolute;
    background: #ed1c24;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    right: 0;
    top: 15px;
}
.ins-discount:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid var(--white);
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
}
.product-single .product-form__cart-submit .pt-icon svg:last-child {
    display: none;
}
.product-single .product-form__cart-submit:hover svg:first-child {
    display: none;
}
.product-single .product-form__cart-submit:hover svg:last-child {
    display: inline-block;
}
#popup-Cart .jsPopupview { max-width: 450px;}
#popup-Cart.modal .modal-header {
    padding: 0;
    border-bottom: none;
    position: relative;
    z-index: 9;
}
.proBoxPrimary.row {margin-left: -5px; margin-right: -5px;}
.proBoxPrimary.row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
#popup-Cart .proName {
    font-size: 13px;
    font-weight: 600;
    color: #222;
}
#popup-Cart .success-message {
    font-size: 12px;
    color: #666;
}
#popup-Cart .actions .btn {
    padding: 8px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: var(--white);
    font-size: 11px;
    border-color: transparent;
}

#product-page {margin-bottom: 30px;}
#product-page .product-detail-page, #product-page .other_products {
    margin-top: 30px;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs {
    background: var(--white);
    padding: 0;
    margin-bottom: -1px;
    border: 0;
    border-bottom: 1px solid #dfe4e8;
    height: 40px;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    top: 0;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs li a {
    padding: 10px 30px 11px;
    color: #111;
    text-transform: uppercase;
    display: block;
    border-top: 0 solid transparent;
}
#product-page .product-detail-page .product_desc .tabs-container .nav-tabs .active {
    color: var(--white);
    font-weight: 600;
    background-color: var(--orange);
    border-top-color: #ffea00;
}
#product-page .product-detail-page .product_desc .tab-content {
    padding: 15px 30px;
}

/******************************Center****************************************/
.news-title {margin-top: 0; margin-bottom: 20px; font-size: 24px;}
.bx-main-slider {position: relative;}
/**/
#column-left #box-vertical-megamenus { 
    position:relative;
}
#column-left .box #category-box {margin-top:15px;}

/**/
.product-title, .custom-title{position: relative; z-index: 0; margin-bottom: 15px; margin-top: 0;}
.title-line {text-align: center;}
.title-line span:before, .title-line span:after, .title-line .inner-hd:before, .title-line .inner-hd:after{
    content: ""; 
    position: absolute; 
    width: 100%; 
    background-color: #efefef; 
    left: 0; 
    z-index: -4
}
.title-line span:before,.title-line .inner-hd:before{height: 2px; top: 18px}
.title-line span:after,.title-line .inner-hd:after{height: 1px; top: 22px}
.product-title a {display: inline-block;}
.product-title span, .custom-title .inner-hd{
    font-size: 1.6rem; 
    font-weight: normal; 
    display: inline-block; 
    padding: 0; 
    position: relative;
}
.product-title a:hover span {color: #999;}
.custom-title .inner-hd {padding: 0 10px;}
.product-title span.active {color: #e97900;}
.custom-title .nav-tabs {border-bottom: 0;}
.custom-title .nav-tabs>li {margin-bottom: 0;}
.custom-title .nav-tabs>li>a {margin-right: 0; padding: 0 15px; border-radius:0; border: 0; border-left: 1px solid #eee; color: #999;}
.custom-title .nav-tabs>li:first-child>a {border-left: 0;}
.custom-title .nav-tabs>li>a:hover {background-color: transparent;}
.custom-title .nav-tabs>li.active>a, .custom-title .nav-tabs>li.active>a:focus, .custom-title .nav-tabs>li.active>a:hover {
    color: #222;
    border: 0;
    border-left: 1px solid #eee;
}                                                                                                                          
.custom-title .nav-tabs>li.active:first-child>a, .custom-title .nav-tabs>li.active:first-child>a:focus, .custom-title .nav-tabs>li.active:first-child>a:hover {border-left: 0;}
/**/
.social-share .social-share-item{
    float: left;
    position: relative;
    top: 0;
    margin-left: 20px;
}
.social-share .social-share-item.first {margin-left: 0;}
/**/
.cms-static-fearured-article,.cms-our-clients,.fearured-product {padding: 40px 0;}

/**/
.bg-fearured-service {
    background-color: #e6eef1;
}
.our_commitment {background-color: #f9f9f9;}
.article {position: relative;}
.article .article-entry {margin-bottom: 20px;}
.article-grid {list-style: none; padding: 0; margin-bottom: 0;}
.article-grid.row {row-gap: 1.5rem;}
.article-grid .items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.fearured-article .article-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
}
.fearured-article .article-grid .items {
    padding-bottom: 0;
    height: 100%;
}
.fearured-article .article-grid .item_0 {
    grid-row: span 2 / span 2;
}
.article-grid .item_0 .i-Thumbs {
    height: 100%;    
}
.fearured-article .article-grid .item_1 {
   grid-column: span 2 / span 2;
}
.fearured-article .article-grid .item_2 {
    grid-column-start: 2;
    grid-row-start: 2;
}
.fearured-article .article-grid .item_3 {
    grid-column-start: 3;
    grid-row-start: 2;
}
.fearured-article .article-grid .items .thumbTitte {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    font-size: 1.375rem;
    font-size: clamp(1.375rem, 1.15rem + 1.125vw, 2.5rem);
    font-weight: 600;
    z-index: 1;
    text-align: center;
    color: var(--white);
    background: rgba(63, 63, 63, 0.8);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fearured-article .article-grid .items:hover .thumbTitte {
    opacity: 1;
    visibility: visible;
    top: 20px;
    left: 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
}
.view-carousel .article-grid .items {padding-bottom: 0;}
.article-grid .items-block {position: relative; height: 100%;}
.article-grid .title,.article-list .title {
    flex: 1;
    overflow: hidden; 
    position: relative; 
    line-height: 1.2; 
    font-weight: 600;
    font-size: 16px;
}
.article-grid .title:hover,.article-list .title:hover {text-decoration: none;}
.article-grid .i-Thumbs {
    display:block; overflow: hidden; position: relative;
}
.article-grid .i-Thumbs a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; 
    position: relative; 
    overflow: hidden; 
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fearured-article .article-grid .i-Thumbs {height: 100%;}
.fearured-article .article-grid .i-Thumbs a > img {opacity: 0;}
.article-grid .items.box_radius .i-Thumbs a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.article-grid .i-Thumbs a img,.article-list .i-Thumbs a img {-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;}
.article-grid .i-Thumbs a:hover img,.article-list .i-Thumbs a:hover img {-webkit-transform: scale3d(1.1,1.1,1);  transform: scale3d(1.1,1.1,1);}

.article-grid .tx-Content,.article-list .tx-Content {
    display:flex;
    flex-direction: column;
    gap: .35rem; 
    position:relative; 
    overflow: hidden;
}
.sub-list-content a {
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0;
    color: var(--orange);
}
.sub-list-content a:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background: url(../images/icon_tick.png);
}
.article-list .items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}
.article-list .items .i-Thumbs {
    width: 100%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.article-list .tx-Content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.article-grid .bgitems .tx-Content {padding-left: 15px; padding-right: 15px;}
.article-grid .DateCreated,.article-list .DateCreated{display: inline-block; font-size: 12px; color: #999;}
.article-home-news .article-grid .home_title .DateCreated {
    width: 44px;
    height: 40px;
    color: var(--main);
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;    
}
.article-home-news .article-grid .home_title .DateCreated span {
    font-size: 28px;
    line-height: 28px; 
    font-weight: 600;
}
.article-grid .tx-Content .readmore{display: block; line-height: 18px; text-transform: uppercase; font-size: 12px; margin-top: 10px;}
.article-grid .tx-Content .readmore a{color: #2698d6; display: block; position: relative;transition: all 0.3s;}
.article-grid .tx-Content .readmore a:after{
    font-family: FontAwesome;
    content: '\f178';
    margin-left: 5px;
    display: inline-block;
}
.article-grid .tx-Content a:hover {text-decoration: none;}
.article-grid .tx-Content .readmore a:hover {padding-left: 5px;}
.article-grid .tx-Content .home_title {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.article-grid .tx-Content h3, .article-list .tx-Content h3 {
    font-size: 16px; 
    max-height: 44px; 
    line-height: 20px; 
    font-weight: 600;
    overflow: hidden; 
    display: block; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.article-home-news .article-grid .tx-Content h3 {
    padding-left: 54px;
    position: relative;
}
.article-grid .tx-Content h3 a {color: var(--black-text);}
.article-grid .tx-Content h3 a:hover {color: var(--orange);}
.article-grid .tx-Content p,.article-list .tx-Content p {
    max-height: 84px; 
    color: #777; 
    margin-bottom: 0;
    overflow: hidden; 
    display: block; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.article-list .tx-Content p {
    -webkit-line-clamp: 3;
}
/**/
.form-control {font-size: 14px;}

/* site map */
.siteMapUl,.siteMapUl li,.siteMapUl ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.siteMapUl{
    margin: 25px 0 0 0;
}
.siteMapUl li {
    line-height: 26px;
}

.siteMapUl .folder {
    background: url(../images/folder.gif) 0 2px no-repeat;
    padding-left: 19px;
}

.siteMapUl .page {
    background: url(../images/page.gif) 0 6px no-repeat;
    padding-left: 19px;
}

.contactForm {padding: 0 0 10px 0;}
label.error {font-size: 11px; font-style: italic; color: red; display: block;}
.section-element{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.section-element.section-element-page {
    padding: 2rem 0;
}
.section-header, .entry-content {position: relative;}
.article {position: relative; padding-left: 15px; min-height: 500px;}
.article-list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.form-group #securityImg,.form-group #reloadImg {margin-left: 8px;}
.form-group a {color: var(--orange);}
.form-group #reloadImg {
    border: 1px solid #ced4da; 
    border-radius: 4px;
    padding: .375rem;
    display: inline-block;
    height: 100%;
}
.form-group .form-control {font-size: 12px;}
.form-group .form-control:focus {outline: none; box-shadow: none;}
.billing-fields .nav-tabs {margin-bottom: 15px; justify-content: center;}
.billing-fields .nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: 16px;
}
.billing-fields .nav-tabs .nav-link.active {color: #000; font-weight: 700;}
.material-field {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white);
    border: 1px solid #ddd;
    border-radius: 5px;
}
.material-field label {
    position: absolute;
    font-size: 12px;
    padding: 0 10px;
    pointer-events: none;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    left: 0;
    margin-bottom: 0;
    top: 14px;
    color: #999;
}
.material-field input,.material-field .field__input {
    position: relative;
    top: 0;
    box-sizing: border-box;
    float: left;
    border: none;
    color: var(--black-text);
    background: 0 0;
    height: 43px;
    padding: 10px;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
    z-index: 100;
}
.material-field.is-dirty input,.material-field.is-dirty .field__input {
    padding: 14px 10px 6px 10px;
}
.material-field input[type=date]{
    width:100%
}
.material-field input[type=date]::-webkit-calendar-picker-indicator{
    -webkit-appearance:none
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label{
    font-size:10px;
    top:5px;
    color:#999
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label span.required{color:#999}
.material-field.material-disabled{
    background:#ddd;
    color:#999
}
.material-field.readonly{
    background:#ddd;
    color:#999
}
.material-radio__input>* {
    display: inline-block;
    vertical-align: middle;
}
.material__required {
    margin-left: 2px;
    color: #d90000;
}
.material-field input.form-control:disabled, .material-field input.form-control[readonly] {background-color: transparent;}
.material-field input:focus,.material-field .field__input:focus {
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    padding-top: 14px;
    padding-bottom: 6px;
}
.formError {margin-top: -36px!important;}
.content-box {
    border: 1px solid rgba(175,175,175,0.25);
    border-radius: 5px;
}
.content-box__row {
    padding: 1.14286em;
    position: relative;
    zoom: 1;
}
.content-box__row ~ .content-box__row{
    border-top:1px solid rgba(173,173,173, 0.25)
}
.content-box__row:after, .content-box__row:before {
    content: "";
    display: table;
}
.content-box__row:after {
    clear: both;
}
.display-table .content-box__row {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.content-box__row:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.content-box__row:last-child{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.content-box__row-spacing-vertical {
    padding-top: 0.85714em;
    padding-bottom: 0.85714em;
}
.content-box__row--secondary{
    background-color:#f9f9f9
}
.review-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.review-block ~ .review-block {
    margin-top: 0.85714em;
    padding-top: 0.85714em;
    border-top: 1px solid rgba(173,173,173,0.25);
}
.review-block__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.review-block__link {
    max-width: 10em;
    font-size: 0.85714em;
}
.review-block__label {
    color: #999;
    padding-right: 1.14286em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 6em;
    -ms-flex: 0 1 6em;
    flex: 0 1 6em;
}
.review-block__content {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    padding-right: 1.14286em;
}
.radio-wrapper, .checkbox-wrapper {
    zoom: 1;
    margin-bottom: 1em;
}
.radio-wrapper:after, .radio-wrapper:before, .checkbox-wrapper:after, .checkbox-wrapper:before {
    content: "";
    display: table;
}
.radio-wrapper:after, .checkbox-wrapper:after {
    clear: both;
}
.radio-wrapper:last-child,.checkbox-wrapper:last-child{
    margin-bottom:0
}
.radio-wrapper.content-box__row,.checkbox-wrapper.content-box__row{
    margin-bottom:0
}
.radio__input, .checkbox__input {
    padding-right: 0.75em;
    white-space: nowrap;
}
.radio__label, .checkbox__label {
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400;
}
.radio__label__primary {
    cursor: inherit;
    font-family: inherit;
    vertical-align: top;
}
.radio__label__accessory {
    text-align: right;
    padding-left: 0.75em;
    white-space: nowrap;
}
.display-table .radio-wrapper, .display-table .checkbox-wrapper {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.display-table .radio__input, .display-table .checkbox__input,.display-table .radio__label, .display-table .checkbox__label,.display-table .radio__label__primary, .display-table .radio__label__accessory {
    display: table-cell;
}
.display-table .radio__label, .display-table .checkbox__label,.display-table .radio__label__primary {
    width: 100%;
}

.content-box .input-checkbox,.content-box .input-radio{
    border-color:#d9d9d9;
    background-color:var(--white)
}
.content-box .input-checkbox:hover,.content-box .input-radio:hover{
    border-color:#cccccc
}
.content-box .input-checkbox:disabled,.content-box .input-radio:disabled{
    background-color:#fafafa;
    border-color:#cccccc
}

.input-checkbox:after,.input-radio:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    -webkit-transition:all 0.2s ease-in-out 0.1s;
    transition:all 0.2s ease-in-out 0.1s;
    opacity:0
}
.input-checkbox,.input-radio{
    width:18px;
    height:18px;
    -webkit-box-shadow:0 0 0 0 #ed1c24 inset;
    box-shadow:0 0 0 0 #ed1c24 inset;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    position:relative;
    cursor:pointer;
    vertical-align:-4px;
    border:1px solid;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: inherit;
}
.input-radio { border-radius: 50%;}
.input-radio:after{
    width:6px;
    height:6px;
    margin-left:-3px;
    margin-top:-3px;
    background-color:var(--white);
    border-radius:50%
}
.input-checkbox{
    border-radius:4px
}
.input-checkbox:after{
    width:10px;
    height:8px;
    margin-left:-5px;
    margin-top:-4px;
    background-image:url(../images/checkbox-tick.png);
    background-image:url(../images/checkbox-tick.svg),none
}
.input-checkbox:focus,.input-radio:focus{
    border:2px solid #ed1c24
}
.input-checkbox:checked,.input-radio:checked{
    border:none;
    -webkit-box-shadow:0 0 0 10px #ed1c24 inset;
    box-shadow:0 0 0 10px #ed1c24 inset
}
.input-checkbox:checked:after,.input-radio:checked:after{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.input-checkbox:checked:focus,.input-radio:checked:focus{
    border-color:#b1151b
}
.content-box__emphasis {
    font-weight: 600;
}
.blank-slate{
    padding:1.14286em;
    text-align:center;
}
.section--shipping-method .blank-slate p {font-size: 12px;}
.blank-slate__icon{
    margin-bottom:1.14286em
}
.icon--offsite{
    width:102px;
    height:52px;
    background-image:url(../images/offsite-small.png);
    background-image:url(../images/offsite-small.svg),none
}
.content_list_product {position: relative;}
#column-left .carousel-product {
    max-height: 930px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.products-grid {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.products-grid.row {row-gap: 1.5rem;}
.products-grid .items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.products-grid .items .i-Thumbs {
    display: block;
    position: relative;
}
.product-label {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: .125rem;
}
.product-label span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 5px 3px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    background-color: #006ad0;
}
.product-label .onsale {
    background-color: #f03838;
} 
.products-grid .items .i-Thumbs:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    background-color: rgba(63, 63, 63, 0.5);
}
.products-grid .items:hover .i-Thumbs:before {opacity: 1;}
.products-grid .items .tx-Content .title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    line-height: 1.2;
}
.products-grid .items .tx-Content .title:hover {text-decoration: none;}
.content_list_product .product_box.box_lists {
    margin-bottom: 1.5rem;
}
.product_box:hover {
    box-shadow: unset;
}
.product_box.box_lists .product-hover {
    text-align: left;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background: var(--white);
    border-radius: 4px;
    position: relative;
}
.product_box:hover .product-hover {
    display: block;
    -o-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
    background: var(--white);
    z-index: 1;
}
.product_box.box_lists .product-hover figure {
    position: relative;
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}
.product_box.box_lists .product-hover .product-simple-info {
    height: auto;
}
.product_box.box_lists .product-hover .product-box-name {
    font-weight: 600;
    color: var(--black-text);
    line-height: 20px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.product_box.box_lists .product-hover .product-box-desc {
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 13px;
    color: #888;
}
.product_box.box_lists .product-hover .product-simple-info  hr {margin-top: .5rem; margin-bottom: .5rem;}
.product-box-price {
    height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: .5rem;
}
.product-box-price .price__regular {color: #df0000;}
.product-box-price .price__sale {
    text-decoration: line-through;
    color: #999;
}
#selling-product .product-box-price .price__sale {color: #ddd;}
.order-support {
    background-color: var(--white);
    padding: 10px;
    font-size: 13px;
}
.order-support .box-heading {padding: 0 0 8px; border-bottom: #ececec 1px solid; margin-bottom: 8px;}
.order-support .box-heading .name {
    font-size: 1.25rem;
}
/* Sidebar =============================================================================== */

.block .block-content{padding-top: 10px;}
.block-reorder .actions a {clear: both; display: block;padding-top: 10px;padding-right: 10px;}
.block .block-title{margin: 0;padding: 0;text-align: center; line-height: normal;position: relative; z-index: 2; border: 1px solid #f0f0f0;}
.block .block-title strong{font-weight: normal;}
.block .block-title strong span{color: #2a2a2a; display: inline-block; font-size: 18px;padding: 0 10px ;line-height: normal;background: var(--white); text-transform: uppercase; position: relative;z-index: 2; line-height: 40px}
.block .block-title a{text-decoration:none!important}
.block .block-subtitle{margin:0;padding:5px 0;font-size:1em;color:#747474}
.block .block-content li.item{padding:7px 0}
.block .btn-remove,.block .btn-edit{float:right;margin:1px 0 2px 5px;padding:0;}
.block .actions{padding:6px 0px;text-align:left}
.block-related .actions{padding: 0}
.block .actions a{float:left;color:#f12b63;text-decoration:none}
.block .actions a:hover{color:var(--black-text)}
.block .empty{margin:0;padding:0px;color:#555;font-size:13px;font-weight:300}

ul.detail-parent{margin:0;padding:0 0 0 17px}
.navbar .btn-navbar{background-image:none!important;border-radius:2px 2px 2px 2px;box-shadow:none!important;float:left!important;margin:9px!important;padding-left:10px!important;padding-right:10px!important}
.navbar .brand{font-size:130%!important;font-weight:bold!important;margin:0!important;padding-left:20px!important;text-shadow:none!important;text-transform:uppercase!important}
.navbar .btn-navbar .icon-bar{background-color:var(--white)!important}
ul.nav-accordion li.level0 > a > span > .cat-label{position:inherit}
ul.nav-accordion li.level0 > a > span > .pin-bottom:before{position:inherit;right:6px;top:22px;width:0;height:0;content:"";border-style:solid;border-width:0}
ul.nav-accordion li span.expand:before{content: "-";display: inline-block;font-size: 24px;text-align: center;width: 24px;line-height: 22px; font-weight: bold; color: #adadad}
ul.nav-accordion li span.collapse:before{content: "+";display: inline-block;font-size: 24px;text-align: center;width: 24px;line-height: 22px; font-weight: bold; color: #adadad}

.image_banner .container,.image_banner .container-fluid {position: relative; z-index: 3;}
.centered-txt-banner {
    overflow: hidden;
    position: relative;
    padding: 50px 0;
}
.dark_cta {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.centered-txt-banner img.bgimg {
    width: 150%;
    max-width: 150%;
    min-width: 1170px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.hotline .hotline-warp {padding-left: 100px; position: relative; color: var(--white); font-size: 1.2em; letter-spacing: 1px;}
.hotline .icon-hotline {width: 64px; height: 64px; border: 2px solid var(--white); position: absolute; top: 0; left: 10px; text-align: center; line-height: 64px;}
.hotline .hotline-warp h3 {margin-top: 0;}
.hotline .hotline-warp h3 span {font-weight: 600; font-size: 1.2em; color: red;}
.hotline .icon-hotline .fa {font-size: 2.5rem;}

.whychoose-wrap {position: relative; border-top: 1px solid rgba(0,0,0,.1);}
.whychoose {margin: 20px 0 0; padding: 0; list-style: none;}
.whychoose li {padding-left: 70px; position: relative; margin-bottom: 20px;}
.whychoose li:last-child {margin-left: 0;}
.whychoose li h5 {font-weight: 600; margin-top: 0; font-size: 16px;}
.whychoose li p {color: #666;}
.whychoose li p:last-child {margin-bottom: 0;}
.whychoose li .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #2698d6;
    font-weight: 600;
    text-align: center;
}
.video-wrapper,.maps-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe,.video-wrapper video, .maps-wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article__info {
    border-top: 1px dotted #c0c0c0;
    border-bottom: 1px dotted #c0c0c0;
    padding: 15px 0;
    margin-bottom: 40px;
}
.article__author, .article__view, .article__date {
    display: inline-block;
    color: #909090;
    font-size: 12px;
}
.article__author i, .article__view i, .article__date i {
    margin-right: 5px;
    font-size: 14px;
}
.article__info .article__author, .article__info .article__view {
    margin-left: 20px;
}
.article__share a {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
}
.article__share a i {
    margin-right: 11px;
    color: #94cdd5;
    font-size: 15px;
}
/*cart*/
.checkout-cart {position: relative; margin-top: 20px;}
.checkout-cart h1 {
    float: left;
}
.checkout-cart__clean {
    float: right;
    cursor: pointer;
}
.page_title {
    font-weight: 600;
    color: var(--black-text);
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 20px;
}
.cart th,.cart td{
    border:0
}
.cart td{
    padding:15px 10px;
}
.cart th{
    font-weight:600;
    color: #999;
    padding:15px 10px
}
.cart td dl,.cart td dd {margin-bottom: 0;}
.cart .cart__row {border-bottom: 1px solid rgba(225,225,225,.6);}
.cart .cart__row th {background-color: #f6f6f6;}
.cart__row td{
    vertical-align:top
}
.cart__row p{
    margin-bottom:0
}
.cart__row p+p{
    margin-top:10px
}
.cart__edit--active .cart__edit-text--cancel{
    display:none
}
.cart__edit-text--edit{
    display:none
}
.cart__edit--active .cart__edit-text--edit{
    display:block
}
.cart__edit-text--cancel,.cart__edit-text--edit{
    pointer-events:none
}

.cart__image{max-height:95px }
.list-view-item__title{
    color:#30424e;
    font-size:1.14286em;
    min-width:100px;
    font-weight:700;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.cart__edit{
    margin-top:10px
}
.cart__qty-input{
    text-align:center;
    width:60px;
    padding:8px 5px;
}
.cart .custom-inner {
    position: relative;
    padding-left: 36px;
    padding-right: 36px;
    display: inline-block;
}
.cart .custom-inner button.items-count {
    font-size: 30px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    height: 41px;
    width: 36px;
    background-color: var(--white);
    border: 0 var(--black) solid;
    color: #999;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.cart .custom-inner button.reduced {left: 0;}
.cart .custom-inner button.increase {right: 0;}
.cart-subtotal{
    display:flex;
    justify-content:flex-end
}
.cart-subtotal__title, .cart-subtotal__price{
    font-size:1.2rem;
    font-weight: 600;
}
.cart-subtotal__price{
    padding-left:27.5px
}
.cart__shipping{
    font-size:0.85714em;
    color: #8c8c8e;
    padding:10px 0 20px;
}
.step__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.step__footer__continue-btn {
    float: right;
    padding: 0.5em 1.7em;
}
.step__footer__previous-link {
    margin-right: 1em;
}
.step__footer__previous-link i {
    display: inline-table;
    vertical-align: middle;
}
.previous-link__icon {
    -webkit-transition: all 0.2s cubic-bezier(0.3, 0, 0, 1);
    transition: all 0.2s cubic-bezier(0.3, 0, 0, 1);
    margin-right: 0.25em;
}
.shopping-cart .shopping-cart__inner {border-right: 1px solid rgba(175,175,175,0.25); padding-right: 40px;}
.shopping-cart .checkout .shopping-cart__inner {padding-right: 0; border-right-width: 0;}
.shopping-cart .checkout .shopping-cart__inner .shopping-cart__product .media>a {max-width: 85px}
.shopping-cart .shopping-cart__inner .shopping-cart__product {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted rgba(175,175,175,0.25);
}
.shopping-cart .shopping-cart__inner .shopping-cart__product:last-child {border-bottom-width: 0; margin-bottom: 0;}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media {overflow: initial;}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media>a{
    max-width: 120px;
    position: relative;
    border: 1px solid rgba(175,175,175,0.25);
    border-radius: 5px;
    margin-right: 20px;
}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media .product-image {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    padding: 3px;
}
.shopping-cart .shopping-cart__inner .shopping-cart__product .media img {
    max-width: 100%; height: auto !important; display: inline-block;
}
.product-thumbnail__quantity {
    font-size: 0.85714em;
    font-weight: 500;
    line-height: 1.75em;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.75em;
    background-color: rgba(0,0,0,0.8);
    color: var(--white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    padding: 0 0.58333em;
    position: absolute;
    right: -0.75em;
    top: -0.75em;
    z-index: 3;
}
.shopping-cart .shopping-cart__inner .product-name {font-weight: 600; display: block;}
.shopping-cart .shopping-cart__inner .product-option {
    display: block;
    font-size: 13px;
    color: #666;
}
.shopping-cart .shopping-cart__inner .product-price {
    font-size: 16px;
    font-weight: bold;
    color: #ed1c24;
    display: block;
    margin-top: 10px;
}
.section--total-lines {padding: 1.5em 0;border-top: 1px solid rgba(175,175,175,0.25);}
.section--total-lines .cart_total-price, .section--total-lines .cart_total-shipping {font-weight: 600;}
.section--total-lines .cart_total-price span:first-child {font-size: 1.25em;}
.section--total-lines .cart_total-shipping .small-text {font-size: 12px; color: #999; font-weight: 400;}
.shopping-cart .cart_subtotal #subTotalTd {font-size: 1.1em;}

.shopping-cart .checkout .cart_subtotal {
    font-size: 1.5em;
    border-top:1px solid rgba(175,175,175,0.25); margin-top:20px; padding-top: 20px;
}

/**/
.purchase-list-wrapper .table {font-size: .813rem;}
.purchase-list-wrapper .table thead th {background-color: var(--gray); white-space: nowrap;}
.purchase-list-wrapper .purchase-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.purchase-list-wrapper .purchase-info figure {
    margin-bottom: 0; 
    margin-right: .5rem; 
    position: relative;
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}
.purchase-list-wrapper .purchase-info figure.hidePro:before {
    content: '\f023';
    font-family: 'FontAwesome';
    color: var(--white);
    font-size: .875rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--black-light);
}
.purchase-list-wrapper .purchase-info .info {color: var(--black-light);}
.purchase-list-wrapper .purchase-info .info a {
    display: block;
}
.purchase-list-wrapper .action-item {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: var(--green);
    border: 1px solid var(--gray-light);
    border-radius: 4px;
}
.purchase-list-wrapper .action-item:hover {border-color: var(--green);}
.purchase-list-wrapper,.purchase-list-item .order-header,.purchase-list-item .order-footer {position: relative;}
.purchase-list-wrapper .purchase-list-item {display: block; border-bottom: 3px solid #eee;}
.purchase-list-wrapper .purchase-list-item:last-child {border-bottom-width: 0;}
.purchase-list-item .order-header {
    border-bottom: 1px solid #eee; 
    font-size: .875rem; 
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.purchase-list-item .order-header .order-header__text {
    padding-right: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.purchase-list-item .order-content {
    border-bottom: 1px solid #eee; 
    padding: 10px 0;
}
.purchase-list-item .order-content .order_item,.purchase-list-item .order-content .order_item_text{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    word-wrap: break-word;
}
.purchase-list-item .order-content .order_item {padding: .5rem 0;}
.purchase-list-item .order-content .order_item + .order_item {border-top: 1px solid var(--gray);}
.purchase-list-item .order-content .order_item_text {
    padding: 0 12px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;    
}
.purchase-list-item .order-content .order_item_text .cart_img {display: block; overflow: hidden; border-radius: .25rem;}
.purchase-list-item .order-content .info_item {
    min-width: 0;
    padding: 0 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    word-wrap: break-word;    
}
.purchase-list-item .order-footer {padding: 10px 0; background-color: #fafafa;}
.purchase-list-item .order-footer .cart-price {
    line-height: 22px; 
    font-size: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .35rem 0;
    justify-content: flex-end;
}
.purchase-list-item .order-footer .cart-price span {
    width: 230px;
    text-align: right;    
}
.purchase-list-item .order-footer .cart-price.total {font-size: 1.25rem; line-height: 22px; font-weight: 600;}
.purchase-list-item .order-footer .cart-price .totalOrder {float: right; }
.purchase-list-item .order-footer .cart-action {padding: 1rem 0 0; text-align: right;}
.purchase-list-item .order-footer a.btn-viewcart {border: 1px solid #ddd; background-color: #fff;}
.purchase-list-item .order-footer a.btn-viewcart:hover {border-color: #e31;}
/**/
.invoice-info {font-size: .813rem;}
.invoice-info address {color: var(--black-light);}
.invoice-info .process_info {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-left: 2rem;
    border-left: 0 solid var(--gray-light);
}
.order_process_submit {font-weight: 700;}
.process_timeline {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: fit-content;
}
.process_timeline:before {
    position: absolute;
    top: 5px;
    left: 8px;
    bottom: 0;
    width: 1px;
    background-color: var(--gray-light);
    content: '';
}
.process_timeline li {
    padding-bottom: 1rem;
    padding-left: 25px;
    position: relative;
}
.process_timeline li span.number  {
    width: 16px;
    height: 16px;
    background: #d8d8d8;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    font-size: .55rem;
    top: 3px;
    z-index: 2;
}
.process_timeline li.active span.number {background-color: var(--green); color: var(--white);}
.process_timeline li.active.text-red span.number {background-color: var(--red); color: var(--white);}
.process_timeline li:last-child:after {
    content: '';
    width: 1px;
    top: 5px;
    bottom: 0;
    left: 8px;
    position: absolute;
    z-index: 1;
    background-color: var(--white);
}
.process_timeline li .timeline_text {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: nowrap;
    color: var(--gray-dark);
    line-height: 22px;
}
.process_timeline li.active .timeline_text { color: var(--green); font-weight: 600;}
.process_timeline li.active.text-red .timeline_text { color: var(--red);}
.process_timeline li .timeline_text span:first-child {
    width: 135px;
    margin-right: 5px;
    flex-shrink: 0;
}

/**/
.i-header {
    margin: 0 0 20px 0;
    position: relative;
}
.i-header h2 {
    position: relative;
    padding: 0; 
    margin: 0;
    font-weight: 600;
}
.i-header .description-header {position: absolute; right: 0; top:3px; font-size: 0.857em;}
.i-header .description-header a {color: red;}
.cart_info {position: relative; overflow: hidden;}
.cart_info a {display: block;}


.shopping-cart .cart-item-empty {
    background: var(--white);
    width: 100%;
    height: 100%;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shopping-cart .cart-item-empty .cart_icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-image: url(../images/cart_empty.png);
    background-repeat: no-repeat;
    display: block;
    width: 128px;
    height: 128px;
    background-size: contain;
    background-position: 0 0;
}
.shopping-cart .cart-item-empty h3 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 3px;
}
.shopping-cart .cart-item-empty span {
    display: block;
}
.shopping-cart .cart-checkout.no-product {
    text-align: center;
    padding: 10px 16px;
}
.cart__footer {margin-bottom: 20px;}
.cart__footer .bgcart__footer {
    background-color: #f6f6f6;
    padding: 10px 30px;
}
/**/
.pageNumber {
	padding:0;
	display:flex;
    align-items: center;
    justify-content: center;
	text-align:center;
    position: relative;
	margin: 2rem 0;
    gap: .35rem;
}
.pageNumber a {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	width:36px;
	height:36px;
	text-align:center;
	background: #f0efef;
	font-weight:700;
	color: var(--black);
	border:1px solid #dfdfdf;
	text-decoration: none;
}
.pageNumber a:hover {
	background: #55a9d6;
	color: var(--white);
	border:1px solid #2698d6;
}
.pageNumber a.current {
	background: #2698d6;
	color: var(--white);
	border:1px solid #2698d6;
}
/******************************FOOTER****************************************/
#footer{
    background: #fff; 
    display:block; 
    padding-top: 30px; 
    border-top: 1px solid rgba(0,0,0,0.1);
    font-size: 13px;
    position: relative;
}
#footer .row {row-gap:1.5rem;}
.footer-item h3, .footer-item .title{
    font-size: 1rem; 
    font-weight: 600; 
    line-height: 20px; 
    margin-top: 0;
    display: block;
    position: relative;
}
.footer-item .title {margin-bottom: 15px;}
.footer-item .content ul {list-style: none; padding: 0; margin: 0;}
.footer-item .content .info, .footer-item .content .link-list a{
    font-size: 13px; 
    font-weight: normal; 
    text-transform: capitalize; 
    display: block; 
    line-height: 20px
}
.footer-item .content .link-list a{padding-bottom: 7px; transition: all 0.3s;}
.footer-item .content .link-list a:hover{ padding-left: 3px;}
.footer-item .content{margin-top: 8px}
.footer-item .content .icon,
.footer-item .content .info{display: table-cell; vertical-align: middle;}
.footer-item .content .info{line-height: 18px}
.footer-item .content .icon{color: var(--white); text-align: left; min-width: 30px; font-size: 20px; padding-left: 1px; padding-bottom: 5px}
.footer-item .content li:nth-child(2) .icon{font-size: 16px}
.footer-item:first-child .content li{margin-bottom: 10px}
.footer-item:first-child.col-md-3 {width: 35%;}
.footer-item:nth-child(n+2):nth-child(-n+3).col-md-3 {width: 20%;}
.footer-item p:last-child {margin-bottom: 0;}
.footer-item p .fa {width: 14px; margin-right: 5px;}

.box-social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}
.box-social a {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 28px;    
    line-height: 28px;
    color: #aaa;
}
.box-social a:hover {text-decoration:none;}
.ft-copyright {
    margin-top: 10px; 
    position: relative; 
    z-index: 2;
    padding: 10px 0; 
    font-size: 13px;
}
#stickymenu_bottom_mobile {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0;
    background: rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}
#stickymenu_bottom_mobile.nav-up {
    bottom: -65px;
}
#stickymenu_bottom_mobile .stickymenu-item {
    flex: 1;
}
#stickymenu_bottom_mobile .stickymenu-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    width: 100%;
    gap:.25rem;
    position: relative;
    color: #999;
}
#stickymenu_bottom_mobile .stickymenu-item a:focus,#stickymenu_bottom_mobile .stickymenu-item a:hover {color: #b7b7b7;}
#stickymenu_bottom_mobile .stickymenu-item a.active {color: var(--black-text);}
#stickymenu_bottom_mobile .stickymenu-item .text {
    display: inline-flex;
    font-size: 9px;
    font-weight: 300;
    line-height: 1;
}
#stickymenu_bottom_mobile .stickymenu-item i {
    font-size: 22px;
    background: transparent;
    width: auto;
    height: auto;
    margin: 0;
    vertical-align: top;
}
#stickymenu_bottom_mobile .stickymenu-item i.icon-list,#stickymenu_bottom_mobile .stickymenu-item i.icon-close_18px {font-size: 24px;}
#stickymenu_bottom_mobile .stickymenu-item .cart-products-count {
    position: absolute;
    top: 8px;
    right: 25%;
    bottom: inherit;
    background: #de1f26;
    color: var(--white);
    width: 16px;
    height: 14px;
    font-size: 11px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    line-height: 14px;
    text-align: center;
}
.scrolltop {
    position: fixed;
    right: 5px;
    bottom: 5px;
    background: var(--white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    color: #ed3237;
    line-height: 36px;
    text-align: center;
    display: none;
    cursor: pointer;
    z-index: 993;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.callnow {
    position: fixed;
    right: 50px;
    bottom: 300px;
    z-index: 100;
    display: none;
}
.callnow img {
    opacity: 0.5;
    width: 80px;
}
.callnow img:hover {
    opacity: 1;
}

.line-14em {line-height:1.4em;}
/******************************Button****************************************/
.resultSearch {position: relative;}
.font-size-16 {font-size: 16px;}
.font-size-18 {font-size: 18px;}
.font-size-20 {font-size: 20px;}
.text-white {color: var(--white);}
.text-red {color: red;}
.text-blue {color: var(--blue);}
.text-green {color: var(--green);}
.text-info {color: var(--blue-light);}
.text-orange {color: var(--orange);}
.margin-0 {margin: 0;}
.mT-10 {margin-top: 10px;}
.mT-20 {margin-top: 20px;}
.mR-10 {margin-right: 10px;}
.mR-20 {margin-right: 20px;}
.mB-10 {margin-bottom: 10px;}
.mB-30 {margin-bottom: 30px;}
.mB-40 {margin-bottom: 40px;}
.ui-border {border: 1px solid #ddd;}
.btn-shopping {border: none; background-color: #FF6B01; color: var(--white); padding: 8px 20px;}
.btn-gray {background-color: #999; color: var(--white);}
.btn-medium {padding: 10px 35px;}
#customer_register_link,#RecoverPassword {color: var(--orange);}
.phonering-alo-phone{
    position:fixed;
    visibility:hidden;
    background-color:transparent;
    width:64px;
    height:64px;
    cursor:pointer;
    z-index:2000!important; 
    bottom:7.5rem;
    right:1rem;
    display:block;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transition:visibility .5s
}
.phonering-alo-phone.phonering-alo-static{opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover{opacity:1}
.phonering-alo-ph-circle{
    width:90px;
    height:90px;
    top:-13px;
    left:-13px;
    position:absolute;
    background-color:transparent;
    border-radius:100%;
    border:2px solid rgba(30,30,30,0.4);
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;-webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle{
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{
    border-color:#272d6b;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{
    border-color:#ccc;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{
    border-color:#75eb50;
    opacity:.5
}
.phonering-alo-ph-circle-fill{
    width:64px;
    height:64px;
    top:0;
    left:0;
    position:absolute;
    background-color:var(--black);
    border-radius:100%;
    border:0 solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;-webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill{
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{
    background-color:rgba(0,175,242,0.5)
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{
    background-color:rgba(204,204,204,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}
.phonering-alo-ph-img-circle{
    width:46px;
    height:46px;
    top:9px;
    left:9px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 80%;
    border-radius:100%;
    border:0 solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#f00}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#00aff2}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50}
@-webkit-keyframes phonering-alo-circle-anim{
    0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
    30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
    0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes phonering-alo-circle-img-anim{
    0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
    10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
    30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes phonering-alo-circle-anim{
    0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@keyframes phonering-alo-circle-anim{
    0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
    0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@keyframes phonering-alo-circle-fill-anim{
    0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes phonering-alo-circle-img-anim{
    0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes phonering-alo-circle-img-anim{
    0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}
/**/