| Server IP : 103.48.194.25 / Your IP : 216.73.217.33 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 8.2.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/ngoaingusonganh.com-bk/public_html/skin/css/ |
Upload File : |
*, input, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
overflow-x: hidden
}
html, body {
padding: 0;
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
border: 1px solid #e9e9e9;
color: #1c1c1c;
margin: 0 0 19px;
min-height: 40px;
padding: 0 20px
}
a {
color: #575454
}
a:hover {
color: #f54337
}
.remove {
color: #999;
font-size: 1em
}
.remove:hover {
color: #f54337
}
.dropdown-menu {
box-shadow: none
}
.dropdown-menu>li>a {
white-space: inherit
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background: none
}
body, input, textarea, button, select {
line-height: 1.7;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
letter-spacing: 0.25px
}
body {
font-size: 14px;
color: #000
}
header nav {
font-family: 'Roboto', Helvetica, Arial, sans-serif
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
line-height: 1.4
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
text-decoration: none;
font-weight: inherit
}
a {
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out
}
a:focus {
outline: none
}
h1, .h1 {
font-size: 2.57143em
}
h2, .h2 {
font-size: 2em
}
h3, .h3 {
font-size: 1.71429em
}
h4, .h4 {
font-size: 1.28571em
}
h5, .h5 {
font-size: 1.14286em
}
h6, .h6 {
font-size: 1.14286em
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #323c3f;
letter-spacing: .01em
}
p {
margin: 0 0 15px 0
}
p img {
margin: 0
}
em {
font-style: italic
}
b, strong {
font-weight: bold
}
small {
font-size: 0.9em
}
sup, sub {
position: relative;
font-size: 60%;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.5em
}
blockquote {
font-size: 1.125em;
line-height: 1.45;
font-style: italic;
margin: 0 0 30px;
padding: 15px 30px;
border-left: 1px solid #e1e1e1
}
blockquote p {
margin-bottom: 0
}
blockquote p+cite {
margin-top: 15px
}
blockquote cite {
display: block;
font-size: 0.75em
}
blockquote cite:before {
content: "\2014 \0020"
}
code, pre {
background-color: #faf7f5;
font-family: Consolas, monospace;
font-size: 1em;
border: 0 none;
padding: 0 2px;
color: #51ab62
}
pre {
overflow: auto;
padding: 15px;
margin: 0 0 30px
}
ul, ol {
margin: 0;
padding: 0
}
ul {
list-style: none inside
}
ol {
list-style: decimal inside
}
ul.square, .rte ul ul ul {
list-style: square inside
}
ul.disc, .rte ul {
list-style: disc inside
}
ol.alpha {
list-style: lower-alpha inside
}
.inline-list li {
display: inline-block;
margin-bottom: 0
}
table {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0
}
.table-wrap {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
th {
font-weight: bold
}
th, td {
text-align: left;
padding: 15px;
border: 1px solid #e1e1e1;
color: #1c1c1c
}
a, .text-link {
color: #575454;
text-decoration: none;
background: transparent
}
button {
overflow: visible
}
button[disabled], html input[disabled] {
cursor: default
}
img {
border: 0 none;
max-width: 100%;
height: auto
}
svg:not(:root) {
overflow: hidden
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.table-wrapper {
max-width: 100%;
overflow: auto
}
form {
margin-bottom: 30px
}
form a {
color: #575454
}
input, textarea, button, select {
font-size: 1em
}
input:focus, textarea:focus, button:focus, select:focus {
outline: none
}
button, input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], input[type="submit"], textarea {
-webkit-appearance: none;
-moz-appearance: none
}
input, textarea, select, fieldset {
border-radius: 0;
max-width: 100%
}
input.input-full, textarea.input-full, select.input-full, fieldset.input-full {
width: 100%
}
fieldset {
padding: 15px
}
legend {
border: 0;
padding: 0
}
optgroup {
font-weight: bold
}
input {
display: inline-block;
width: auto
}
button, input[type="submit"] {
cursor: pointer
}
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select {
border: 1px solid #e1e1e1;
padding: 0 20px;
width: 100%;
max-width: 100%;
display: block
}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
border: 1px solid #c8c8c8
}
input[type="text"][disabled], input[type="text"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="file"][disabled], input[type="file"].disabled, input[type="number"][disabled], input[type="number"].disabled, input[type="tel"][disabled], input[type="tel"].disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled {
cursor: default;
background-color: #ddd;
border-color: #ddd
}
textarea {
min-height: 100px;
padding-top: 6px;
padding-bottom: 6px
}
input[type="checkbox"], input[type="radio"] {
display: inline;
margin: 0;
padding: 0
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url("../images/ico-select.png");
background-repeat: no-repeat;
background-position: right 10px center;
background-color: #fff !important;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer
}
.ie9 select, .lt-ie9 select {
padding-right: 10px;
background-image: none
}
option {
color: #000;
background-color: #fff
}
select::-ms-expand {
display:none
}
label, legend {
display: block;
margin-bottom: 2px
}
label.inline, legend.inline {
display: inline
}
input[type="checkbox"]+label, input[type="radio"]+label {
font-weight: normal
}
label[for] {
cursor: pointer
}
.label-hint {
color: #999
}
form.form-horizontal, .form-horizontal {
margin-bottom: 0
}
form.form-horizontal input[type="text"], form.form-horizontal input[type="search"], form.form-horizontal input[type="password"], form.form-horizontal input[type="email"], form.form-horizontal input[type="file"], form.form-horizontal input[type="number"], form.form-horizontal input[type="tel"], form.form-horizontal textarea, form.form-horizontal select, form.form-horizontal label, .form-horizontal input[type="text"], .form-horizontal input[type="search"], .form-horizontal input[type="password"], .form-horizontal input[type="email"], .form-horizontal input[type="file"], .form-horizontal input[type="number"], .form-horizontal input[type="tel"], .form-horizontal textarea, .form-horizontal select, .form-horizontal label {
display: inline-block;
margin-bottom: 0;
width: auto
}
input[type="text"].error, input[type="search"].error, input[type="password"].error, input[type="email"].error, input[type="file"].error, input[type="number"].error, input[type="tel"].error, textarea.error {
border-color: red;
color: red
}
label.error {
color: red
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child>.btn, .input-group .input-group-btn:first-child>input[type="submit"], .input-group input[type="hidden"]:first-child+.input-group-field, .input-group input[type="hidden"]:first-child+.input-group-btn>.btn, .input-group input[type="hidden"]:first-child+.input-group-btn>input[type="submit"] {
border-radius: 0
}
.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child>.btn, .input-group .input-group-btn:last-child>input[type="submit"] {
border-radius: 0
}
.input-group input::-moz-focus-inner {
border:0;
padding:0;
margin-top:-1px;
margin-bottom:-1px
}
.input-group-field, .input-group-btn {
display: table-cell;
vertical-align: middle;
margin: 0
}
.input-group .btn, .input-group input[type="submit"], .input-group .input-group-field {
height: 40px
}
.input-group .input-group-field {
width: 100%;
margin-bottom: 0
}
.input-group-btn {
position: relative;
white-space: nowrap;
width: 1%;
padding: 0
}
.form-group {
margin: 0;
padding: 0 0 8px;
border: 0
}
.form-group .form-control {
display: block;
width: 100%;
min-height: 40px;
padding:.375rem .75rem;
font-size: 1em;
line-height: 1.5;
color: #55595c;
background-color: #fff;
background-image: none;
margin: 0
}
.form-group input, .form-group select {
height: 40px
}
.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
margin-top: 10px
}
.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
margin-top: 0
}
.rte h5, .rte .h5, .rte .h5 {
text-transform: uppercase
}
.rte>div {
margin-bottom: 15px
}
.rte ul ul {
list-style: circle inside
}
.rte li {
margin-bottom: 0.4em
}
.rte img {
max-width: 100%;
height: auto
}
.rte table {
table-layout: fixed
}
.clearfix {
*zoom:1
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.clearboth {
clear: both
}
.no-background {
background: none !important
}
.flexbox, .awe-popup {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center
}
.list-inline {
*zoom:1
}
.list-inline:after {
content: "";
display: table;
clear: both
}
.list-inline li {
float: left;
margin: 0
}
.d-list>div {
position: relative;
margin-right: 15px
}
.d-list>div:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
height: 13px;
margin: auto;
z-index: 9;
background: #e1e1e1
}
.d-list>div:first-child {
margin: 0
}
.d-list>div:first-child:before {
display: none
}
.a-center {
text-align: center !important
}
.a-left {
text-align: left !important
}
.a-right {
text-align: right !important
}
.f-left {
float: left !important
}
.f-right {
float: right !important
}
.f-none {
float: none !important
}
.inline {
display: inline !important
}
.block {
display: block !important
}
.inline-block {
display: inline-block !important
}
.flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.flexbox>div {
flex: 1
}
.background-none {
background: none !important
}
.no-margin {
margin: 0 !important
}
.no-padding {
padding: 0 !important
}
.no-border {
border: none !important
}
.ov-h {
overflow: hidden !important
}
.relative {
position: relative !important
}
.absolute {
position: absolute !important
}
.margin-0 {
margin: 0px !important
}
.margin-vertical-0 {
margin-top: 0px !important;
margin-bottom: 0px !important
}
.margin-horizontal-0 {
margin-left: 0px !important;
margin-right: 0px !important
}
.margin-top-0 {
margin-top: 0px !important
}
.margin-bottom-0 {
margin-bottom: 0px !important
}
.margin-left-0 {
margin-left: 0px !important
}
.margin-right-0 {
margin-right: 0px !important
}
.padding-0 {
padding: 0px !important
}
.padding-vertical-0 {
padding-top: 0px !important;
padding-bottom: 0px !important
}
.padding-horizontal-0 {
padding-left: 0px !important;
padding-right: 0px !important
}
.padding-top-0 {
padding-top: 0px !important
}
.padding-bottom-0 {
padding-bottom: 0px !important
}
.padding-left-0 {
padding-left: 0px !important
}
.padding-right-0 {
padding-right: 0px !important
}
.margin-5 {
margin: 5px !important
}
.margin-vertical-5 {
margin-top: 5px !important;
margin-bottom: 5px !important
}
.margin-horizontal-5 {
margin-left: 5px !important;
margin-right: 5px !important
}
.margin-top-5 {
margin-top: 5px !important
}
.margin-bottom-5 {
margin-bottom: 5px !important
}
.margin-left-5 {
margin-left: 5px !important
}
.margin-right-5 {
margin-right: 5px !important
}
.padding-5 {
padding: 5px !important
}
.padding-vertical-5 {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.padding-horizontal-5 {
padding-left: 5px !important;
padding-right: 5px !important
}
.padding-top-5 {
padding-top: 5px !important
}
.padding-bottom-5 {
padding-bottom: 5px !important
}
.padding-left-5 {
padding-left: 5px !important
}
.padding-right-5 {
padding-right: 5px !important
}
.margin-10 {
margin: 10px !important
}
.margin-vertical-10 {
margin-top: 10px !important;
margin-bottom: 10px !important
}
.margin-horizontal-10 {
margin-left: 10px !important;
margin-right: 10px !important
}
.margin-top-10 {
margin-top: 10px !important
}
.margin-bottom-10 {
margin-bottom: 10px !important
}
.margin-left-10 {
margin-left: 10px !important
}
.margin-right-10 {
margin-right: 10px !important
}
.padding-10 {
padding: 10px !important
}
.padding-vertical-10 {
padding-top: 10px !important;
padding-bottom: 10px !important
}
.padding-horizontal-10 {
padding-left: 10px !important;
padding-right: 10px !important
}
.padding-top-10 {
padding-top: 10px !important
}
.padding-bottom-10 {
padding-bottom: 10px !important
}
.padding-left-10 {
padding-left: 10px !important
}
.padding-right-10 {
padding-right: 10px !important
}
.margin-15 {
margin: 15px !important
}
.margin-vertical-15 {
margin-top: 15px !important;
margin-bottom: 15px !important
}
.margin-horizontal-15 {
margin-left: 15px !important;
margin-right: 15px !important
}
.margin-top-15 {
margin-top: 15px !important
}
.margin-bottom-15 {
margin-bottom: 15px !important
}
.margin-left-15 {
margin-left: 15px !important
}
.margin-right-15 {
margin-right: 15px !important
}
.padding-15 {
padding: 15px !important
}
.padding-vertical-15 {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.padding-horizontal-15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.padding-top-15 {
padding-top: 15px !important
}
.padding-bottom-15 {
padding-bottom: 15px !important
}
.padding-left-15 {
padding-left: 15px !important
}
.padding-right-15 {
padding-right: 15px !important
}
.margin-20 {
margin: 20px !important
}
.margin-vertical-20 {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.margin-horizontal-20 {
margin-left: 20px !important;
margin-right: 20px !important
}
.margin-top-20 {
margin-top: 20px !important
}
.margin-bottom-20 {
margin-bottom: 20px !important
}
.margin-left-20 {
margin-left: 20px !important
}
.margin-right-20 {
margin-right: 20px !important
}
.padding-20 {
padding: 20px !important
}
.padding-vertical-20 {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.padding-horizontal-20 {
padding-left: 20px !important;
padding-right: 20px !important
}
.padding-top-20 {
padding-top: 20px !important
}
.padding-bottom-20 {
padding-bottom: 20px !important
}
.padding-left-20 {
padding-left: 20px !important
}
.padding-right-20 {
padding-right: 20px !important
}
.margin-25 {
margin: 25px !important
}
.margin-vertical-25 {
margin-top: 25px !important;
margin-bottom: 25px !important
}
.margin-horizontal-25 {
margin-left: 25px !important;
margin-right: 25px !important
}
.margin-top-25 {
margin-top: 25px !important
}
.margin-bottom-25 {
margin-bottom: 25px !important
}
.margin-left-25 {
margin-left: 25px !important
}
.margin-right-25 {
margin-right: 25px !important
}
.padding-25 {
padding: 25px !important
}
.padding-vertical-25 {
padding-top: 25px !important;
padding-bottom: 25px !important
}
.padding-horizontal-25 {
padding-left: 25px !important;
padding-right: 25px !important
}
.padding-top-25 {
padding-top: 25px !important
}
.padding-bottom-25 {
padding-bottom: 25px !important
}
.padding-left-25 {
padding-left: 25px !important
}
.padding-right-25 {
padding-right: 25px !important
}
.margin-30 {
margin: 30px !important
}
.margin-vertical-30 {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.margin-horizontal-30 {
margin-left: 30px !important;
margin-right: 30px !important
}
.margin-top-30 {
margin-top: 30px !important
}
.margin-bottom-30 {
margin-bottom: 30px !important
}
.margin-left-30 {
margin-left: 30px !important
}
.margin-right-30 {
margin-right: 30px !important
}
.padding-30 {
padding: 30px !important
}
.padding-vertical-30 {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.padding-horizontal-30 {
padding-left: 30px !important;
padding-right: 30px !important
}
.padding-top-30 {
padding-top: 30px !important
}
.padding-bottom-30 {
padding-bottom: 30px !important
}
.padding-left-30 {
padding-left: 30px !important
}
.padding-right-30 {
padding-right: 30px !important
}
.margin-35 {
margin: 35px !important
}
.margin-vertical-35 {
margin-top: 35px !important;
margin-bottom: 35px !important
}
.margin-horizontal-35 {
margin-left: 35px !important;
margin-right: 35px !important
}
.margin-top-35 {
margin-top: 35px !important
}
.margin-bottom-35 {
margin-bottom: 35px !important
}
.margin-left-35 {
margin-left: 35px !important
}
.margin-right-35 {
margin-right: 35px !important
}
.padding-35 {
padding: 35px !important
}
.padding-vertical-35 {
padding-top: 35px !important;
padding-bottom: 35px !important
}
.padding-horizontal-35 {
padding-left: 35px !important;
padding-right: 35px !important
}
.padding-top-35 {
padding-top: 35px !important
}
.padding-bottom-35 {
padding-bottom: 35px !important
}
.padding-left-35 {
padding-left: 35px !important
}
.padding-right-35 {
padding-right: 35px !important
}
.margin-40 {
margin: 40px !important
}
.margin-vertical-40 {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.margin-horizontal-40 {
margin-left: 40px !important;
margin-right: 40px !important
}
.margin-top-40 {
margin-top: 40px !important
}
.margin-bottom-40 {
margin-bottom: 40px !important
}
.margin-left-40 {
margin-left: 40px !important
}
.margin-right-40 {
margin-right: 40px !important
}
.padding-40 {
padding: 40px !important
}
.padding-vertical-40 {
padding-top: 40px !important;
padding-bottom: 40px !important
}
.padding-horizontal-40 {
padding-left: 40px !important;
padding-right: 40px !important
}
.padding-top-40 {
padding-top: 40px !important
}
.padding-bottom-40 {
padding-bottom: 40px !important
}
.padding-left-40 {
padding-left: 40px !important
}
.padding-right-40 {
padding-right: 40px !important
}
.margin-45 {
margin: 45px !important
}
.margin-vertical-45 {
margin-top: 45px !important;
margin-bottom: 45px !important
}
.margin-horizontal-45 {
margin-left: 45px !important;
margin-right: 45px !important
}
.margin-top-45 {
margin-top: 45px !important
}
.margin-bottom-45 {
margin-bottom: 45px !important
}
.margin-left-45 {
margin-left: 45px !important
}
.margin-right-45 {
margin-right: 45px !important
}
.padding-45 {
padding: 45px !important
}
.padding-vertical-45 {
padding-top: 45px !important;
padding-bottom: 45px !important
}
.padding-horizontal-45 {
padding-left: 45px !important;
padding-right: 45px !important
}
.padding-top-45 {
padding-top: 45px !important
}
.padding-bottom-45 {
padding-bottom: 45px !important
}
.padding-left-45 {
padding-left: 45px !important
}
.padding-right-45 {
padding-right: 45px !important
}
.margin-50 {
margin: 50px !important
}
.margin-vertical-50 {
margin-top: 50px !important;
margin-bottom: 50px !important
}
.margin-horizontal-50 {
margin-left: 50px !important;
margin-right: 50px !important
}
.margin-top-50 {
margin-top: 50px !important
}
.margin-bottom-50 {
margin-bottom: 50px !important
}
.margin-left-50 {
margin-left: 50px !important
}
.margin-right-50 {
margin-right: 50px !important
}
.padding-50 {
padding: 50px !important
}
.padding-vertical-50 {
padding-top: 50px !important;
padding-bottom: 50px !important
}
.padding-horizontal-50 {
padding-left: 50px !important;
padding-right: 50px !important
}
.padding-top-50 {
padding-top: 50px !important
}
.padding-bottom-50 {
padding-bottom: 50px !important
}
.padding-left-50 {
padding-left: 50px !important
}
.padding-right-50 {
padding-right: 50px !important
}
.margin-55 {
margin: 55px !important
}
.margin-vertical-55 {
margin-top: 55px !important;
margin-bottom: 55px !important
}
.margin-horizontal-55 {
margin-left: 55px !important;
margin-right: 55px !important
}
.margin-top-55 {
margin-top: 55px !important
}
.margin-bottom-55 {
margin-bottom: 55px !important
}
.margin-left-55 {
margin-left: 55px !important
}
.margin-right-55 {
margin-right: 55px !important
}
.padding-55 {
padding: 55px !important
}
.padding-vertical-55 {
padding-top: 55px !important;
padding-bottom: 55px !important
}
.padding-horizontal-55 {
padding-left: 55px !important;
padding-right: 55px !important
}
.padding-top-55 {
padding-top: 55px !important
}
.padding-bottom-55 {
padding-bottom: 55px !important
}
.padding-left-55 {
padding-left: 55px !important
}
.padding-right-55 {
padding-right: 55px !important
}
.margin-60 {
margin: 60px !important
}
.margin-vertical-60 {
margin-top: 60px !important;
margin-bottom: 60px !important
}
.margin-horizontal-60 {
margin-left: 60px !important;
margin-right: 60px !important
}
.margin-top-60 {
margin-top: 60px !important
}
.margin-bottom-60 {
margin-bottom: 60px !important
}
.margin-left-60 {
margin-left: 60px !important
}
.margin-right-60 {
margin-right: 60px !important
}
.padding-60 {
padding: 60px !important
}
.padding-vertical-60 {
padding-top: 60px !important;
padding-bottom: 60px !important
}
.padding-horizontal-60 {
padding-left: 60px !important;
padding-right: 60px !important
}
.padding-top-60 {
padding-top: 60px !important
}
.padding-bottom-60 {
padding-bottom: 60px !important
}
.padding-left-60 {
padding-left: 60px !important
}
.padding-right-60 {
padding-right: 60px !important
}
.margin-65 {
margin: 65px !important
}
.margin-vertical-65 {
margin-top: 65px !important;
margin-bottom: 65px !important
}
.margin-horizontal-65 {
margin-left: 65px !important;
margin-right: 65px !important
}
.margin-top-65 {
margin-top: 65px !important
}
.margin-bottom-65 {
margin-bottom: 65px !important
}
.margin-left-65 {
margin-left: 65px !important
}
.margin-right-65 {
margin-right: 65px !important
}
.padding-65 {
padding: 65px !important
}
.padding-vertical-65 {
padding-top: 65px !important;
padding-bottom: 65px !important
}
.padding-horizontal-65 {
padding-left: 65px !important;
padding-right: 65px !important
}
.padding-top-65 {
padding-top: 65px !important
}
.padding-bottom-65 {
padding-bottom: 65px !important
}
.padding-left-65 {
padding-left: 65px !important
}
.padding-right-65 {
padding-right: 65px !important
}
.margin-70 {
margin: 70px !important
}
.margin-vertical-70 {
margin-top: 70px !important;
margin-bottom: 70px !important
}
.margin-horizontal-70 {
margin-left: 70px !important;
margin-right: 70px !important
}
.margin-top-70 {
margin-top: 70px !important
}
.margin-bottom-70 {
margin-bottom: 70px !important
}
.margin-left-70 {
margin-left: 70px !important
}
.margin-right-70 {
margin-right: 70px !important
}
.padding-70 {
padding: 70px !important
}
.padding-vertical-70 {
padding-top: 70px !important;
padding-bottom: 70px !important
}
.padding-horizontal-70 {
padding-left: 70px !important;
padding-right: 70px !important
}
.padding-top-70 {
padding-top: 70px !important
}
.padding-bottom-70 {
padding-bottom: 70px !important
}
.padding-left-70 {
padding-left: 70px !important
}
.padding-right-70 {
padding-right: 70px !important
}
.margin-75 {
margin: 75px !important
}
.margin-vertical-75 {
margin-top: 75px !important;
margin-bottom: 75px !important
}
.margin-horizontal-75 {
margin-left: 75px !important;
margin-right: 75px !important
}
.margin-top-75 {
margin-top: 75px !important
}
.margin-bottom-75 {
margin-bottom: 75px !important
}
.margin-left-75 {
margin-left: 75px !important
}
.margin-right-75 {
margin-right: 75px !important
}
.padding-75 {
padding: 75px !important
}
.padding-vertical-75 {
padding-top: 75px !important;
padding-bottom: 75px !important
}
.padding-horizontal-75 {
padding-left: 75px !important;
padding-right: 75px !important
}
.padding-top-75 {
padding-top: 75px !important
}
.padding-bottom-75 {
padding-bottom: 75px !important
}
.padding-left-75 {
padding-left: 75px !important
}
.padding-right-75 {
padding-right: 75px !important
}
.margin-80 {
margin: 80px !important
}
.margin-vertical-80 {
margin-top: 80px !important;
margin-bottom: 80px !important
}
.margin-horizontal-80 {
margin-left: 80px !important;
margin-right: 80px !important
}
.margin-top-80 {
margin-top: 80px !important
}
.margin-bottom-80 {
margin-bottom: 80px !important
}
.margin-left-80 {
margin-left: 80px !important
}
.margin-right-80 {
margin-right: 80px !important
}
.padding-80 {
padding: 80px !important
}
.padding-vertical-80 {
padding-top: 80px !important;
padding-bottom: 80px !important
}
.padding-horizontal-80 {
padding-left: 80px !important;
padding-right: 80px !important
}
.padding-top-80 {
padding-top: 80px !important
}
.padding-bottom-80 {
padding-bottom: 80px !important
}
.padding-left-80 {
padding-left: 80px !important
}
.padding-right-80 {
padding-right: 80px !important
}
.margin-85 {
margin: 85px !important
}
.margin-vertical-85 {
margin-top: 85px !important;
margin-bottom: 85px !important
}
.margin-horizontal-85 {
margin-left: 85px !important;
margin-right: 85px !important
}
.margin-top-85 {
margin-top: 85px !important
}
.margin-bottom-85 {
margin-bottom: 85px !important
}
.margin-left-85 {
margin-left: 85px !important
}
.margin-right-85 {
margin-right: 85px !important
}
.padding-85 {
padding: 85px !important
}
.padding-vertical-85 {
padding-top: 85px !important;
padding-bottom: 85px !important
}
.padding-horizontal-85 {
padding-left: 85px !important;
padding-right: 85px !important
}
.padding-top-85 {
padding-top: 85px !important
}
.padding-bottom-85 {
padding-bottom: 85px !important
}
.padding-left-85 {
padding-left: 85px !important
}
.padding-right-85 {
padding-right: 85px !important
}
.margin-90 {
margin: 90px !important
}
.margin-vertical-90 {
margin-top: 90px !important;
margin-bottom: 90px !important
}
.margin-horizontal-90 {
margin-left: 90px !important;
margin-right: 90px !important
}
.margin-top-90 {
margin-top: 90px !important
}
.margin-bottom-90 {
margin-bottom: 90px !important
}
.margin-left-90 {
margin-left: 90px !important
}
.margin-right-90 {
margin-right: 90px !important
}
.padding-90 {
padding: 90px !important
}
.padding-vertical-90 {
padding-top: 90px !important;
padding-bottom: 90px !important
}
.padding-horizontal-90 {
padding-left: 90px !important;
padding-right: 90px !important
}
.padding-top-90 {
padding-top: 90px !important
}
.padding-bottom-90 {
padding-bottom: 90px !important
}
.padding-left-90 {
padding-left: 90px !important
}
.padding-right-90 {
padding-right: 90px !important
}
.margin-95 {
margin: 95px !important
}
.margin-vertical-95 {
margin-top: 95px !important;
margin-bottom: 95px !important
}
.margin-horizontal-95 {
margin-left: 95px !important;
margin-right: 95px !important
}
.margin-top-95 {
margin-top: 95px !important
}
.margin-bottom-95 {
margin-bottom: 95px !important
}
.margin-left-95 {
margin-left: 95px !important
}
.margin-right-95 {
margin-right: 95px !important
}
.padding-95 {
padding: 95px !important
}
.padding-vertical-95 {
padding-top: 95px !important;
padding-bottom: 95px !important
}
.padding-horizontal-95 {
padding-left: 95px !important;
padding-right: 95px !important
}
.padding-top-95 {
padding-top: 95px !important
}
.padding-bottom-95 {
padding-bottom: 95px !important
}
.padding-left-95 {
padding-left: 95px !important
}
.padding-right-95 {
padding-right: 95px !important
}
.margin-100 {
margin: 100px !important
}
.margin-vertical-100 {
margin-top: 100px !important;
margin-bottom: 100px !important
}
.margin-horizontal-100 {
margin-left: 100px !important;
margin-right: 100px !important
}
.margin-top-100 {
margin-top: 100px !important
}
.margin-bottom-100 {
margin-bottom: 100px !important
}
.margin-left-100 {
margin-left: 100px !important
}
.margin-right-100 {
margin-right: 100px !important
}
.padding-100 {
padding: 100px !important
}
.padding-vertical-100 {
padding-top: 100px !important;
padding-bottom: 100px !important
}
.padding-horizontal-100 {
padding-left: 100px !important;
padding-right: 100px !important
}
.padding-top-100 {
padding-top: 100px !important
}
.padding-bottom-100 {
padding-bottom: 100px !important
}
.padding-left-100 {
padding-left: 100px !important
}
.padding-right-100 {
padding-right: 100px !important
}
.btn, input[type="submit"] {
display: inline-block;
height: 40px;
line-height: 39px;
padding: 0 20px;
text-align: center;
white-space: nowrap;
outline: none !important;
cursor: pointer;
border: none;
font-weight: 400;
border-radius: 0;
letter-spacing: 0;
-webkit-transition: background-color 0.1s ease-in;
-moz-transition: background-color 0.1s ease-in;
-ms-transition: background-color 0.1s ease-in;
-o-transition: background-color 0.1s ease-in;
transition: background-color 0.1s ease-in;
-webkit-border-radius: 5px;
border-radius: 5px
}
.btn[disabled], input[disabled][type="submit"], .btn.disabled, input.disabled[type="submit"] {
cursor: default;
background-color: #e1e1e1
}
.btn.btn-primary, input.btn-primary[type="submit"] {
background: #f02b2b;
color: #fff
}
.btn.btn-primary:hover, input.btn-primary[type="submit"]:hover {
background: #f24343
}
.btn.btn-circle, input.btn-circle[type="submit"] {
border-radius: 50%;
padding: 0
}
.btn.btn-large, input.btn-large[type="submit"] {
height: 50px;
line-height: 50px;
padding: 0 74px
}
.btn.btn-small, input.btn-small[type="submit"] {
height: 34px;
line-height: 34px;
padding: 0 32px;
font-size: .85714em
}
.btn.btn-dark, input.btn-dark[type="submit"] {
background: #2a2a2a;
color: #fff
}
.btn.btn-white, input.btn-white[type="submit"] {
background: #fff;
color: #000;
border: 1px solid #e1e1e1;
font-weight: 400
}
.btn.btn-white:hover, input.btn-white[type="submit"]:hover {
background: #f65a4f;
color: #fff
}
.btn.btn-gray, input.btn-gray[type="submit"] {
background: #9e9e9e;
color: #fff
}
.btn.btn-gray:hover, input.btn-gray[type="submit"]:hover {
background: #f54337
}
.btn.btn-gray a, input.btn-gray[type="submit"] a {
color: #fff
}
.btn.btn-full, input.btn-full[type="submit"] {
display: block;
width: 100%
}
.btn-link {
line-height: 40px;
color: #f54337
}
.btn-link:hover {
text-decoration: underline
}
.ajax-load {
position: fixed;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 100px;
height: 100px;
line-height: 100px;
opacity: 0;
visibility: hidden
}
.ajax-load.active {
opacity: 1;
visibility: visible;
z-index: 9999
}
.awe-popup {
position: fixed;
z-index: 9999;
top: 0;
height: 0;
width: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out
}
.awe-popup .overlay {
background-color: rgba(33,33,33,0.8);
color: rgba(0,0,0,0.4);
position: fixed;
top: 0 !important;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 0;
height: 0
}
.awe-popup .content {
position: relative;
max-width: 1140px;
min-width: 1140px;
padding: 25px 28px;
max-height: 0;
text-align: left;
opacity: 0;
margin: 0 auto;
background: transparent;
overflow: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: relative;
padding: 25px 28px;
max-height: 0;
text-align: left;
opacity: 0;
margin: 0 auto;
background: #fff
}
.awe-popup.active {
visibility: visible;
opacity: 1;
top: 0 !important;
height: auto;
width: auto
}
.awe-popup.active .content {
max-height: calc(100% - 60px);
opacity: 1;
background: transparent;
padding: 0
}
.awe-popup.active .content .info {
background: #fff;
min-width: 500px
}
.awe-popup.active .overlay {
width: 100%;
height: 100%
}
.close-window {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
cursor: pointer;
z-index: 8040;
color: #fff;
text-align: center;
line-height: 25px;
border-radius: 50%
}
.close-window .fa {
display: block;
font-size: 1.42857em;
line-height: 25px;
color: #f54337
}
.awe-popup.loading {
z-index: 9998
}
.awe-popup.loading .loader {
left: 50%;
position: fixed;
top: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}
.awe-popup.loaded-content .loader {
display: none
}
.awe-popup.addcart-popup .content {
min-width: auto
}
.product-popup .product-image {
float: left;
margin: 0 20px 0 0
}
.product-popup .product-info {
overflow: hidden;
position: relative
}
.product-popup .product-info p {
margin-bottom: 0px;
line-height: 24px
}
.product-popup .popup-title {
padding-left: 15px;
border-radius: 0
}
.product-popup .popup-title i {
margin-right: 5px
}
.product-popup .product-name {
color: #f54337
}
.product-popup .product-info p.total-money {
margin-bottom: 15px
}
.product-popup h3, .product-popup .h3 {
color: #52b249;
margin-bottom: 25px
}
.product-popup h3 .fa, .product-popup .h3 .fa {
margin-right: 4px
}
.product-popup .pop-right h3, .product-popup .pop-right .h3 {
color: #333
}
.pop-right {
background: #f9f9f9
}
.awe-popup.product-popup.active .content {
max-height: calc(100% - 60px);
opacity: 1;
padding: 0
}
@media (max-width: 1199px) {
.awe-popup .content {
max-width: 700px;
min-width: auto
}
}
@media (max-width: 543px) {
.product-popup .product-image {
width: 120px;
height: 120px
}
.product-popup .product-image img {
max-width: 120px !important
}
.awe-popup.product-popup.active .content {
max-height: calc(100% - 60px);
opacity: 1;
margin: 0 20px
}
.addcart-popup .col-xl-6 {
padding: 0 !important
}
.product-popup h3, .product-popup .h3 {
font-size: 1.28571em;
margin-bottom: 0
}
}
.swatch {
margin: 1em 0
}
.swatch .header {
margin: 0.1em 0;
text-align: left;
float: left;
min-width: 100px;
font-weight: 700
}
.swatch input {
display: none
}
.swatch label {
float: left;
min-width: 35px !important;
height: 35px !important;
margin: 0;
border: #ccc 1px solid;
background-color: #fff;
font-size: .92857em;
text-align: center;
line-height: 35px;
white-space: nowrap;
text-transform: uppercase;
padding: 0
}
.swatch-element label {
padding: 0 5px
}
.swatch-element label .img-check {
display: none
}
.color.swatch-element label {
padding: 0
}
.swatch input:checked+label {
background: transparent;
color: #333;
border: 1px solid #e6484a
}
.swatch input:checked+label .img-check {
display: inline-block;
position: absolute;
bottom: 0;
right: 0
}
.swatch .color input:checked+label {
position: relative;
border: 1px solid #f54337
}
.swatch .color input:checked+label:after {
content: "\f00c";
font-family: FontAwesome
}
.swatch .swatch-element {
float: left;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0px 5px 5px 0;
position: relative
}
.swatch .swatch-element.color .tim {
background-color: #db23b6
}
.swatch .swatch-element.color .xanh {
background-color: #0554ff
}
.swatch .swatch-element.color .vang {
background-color: #e6fa0a
}
.swatch .swatch-element.color .nau {
background-color: #594f4f
}
.swatch .swatch-element.color .do {
background-color: #f20808
}
.swatch .swatch-element.color .cam {
background-color: #fc9905
}
.swatch .swatch-element.color .xam {
background-color: #615a5a
}
.swatch .swatch-element.color .xanh-nuoc-bien {
background-color: #3a40fa
}
.swatch .swatch-element.color .xanh-la-cay {
background-color: #00ff15
}
.swatch .swatch-element.color .hong {
background-color: #ff00d5
}
.crossed-out {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
#quick-view-product .selector-wrapper {
display: none !important
}
.swatch .swatch-element .crossed-out {
display: none
}
.swatch .swatch-element.soldout .crossed-out {
display: block
}
.swatch .swatch-element.soldout label {
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6
}
.swatch .tooltip {
text-align: center;
background: #f54337;
color: #fff;
bottom: 100%;
padding: 10px;
display: block;
position: absolute;
width: 100px;
left: -35px;
margin-bottom: 15px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
-ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
-o-box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
z-index: 10000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px
}
.swatch .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.swatch .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #f54337 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0
}
.swatch .swatch-element:hover .tooltip {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px)
}
.swatch.error {
background-color: #E8D2D2 !important;
color: #333 !important;
padding: 1em;
border-radius: 5px
}
.swatch.error p {
margin: 0.7em 0
}
.swatch.error p:first-child {
margin-top: 0
}
.swatch.error p:last-child {
margin-bottom: 0
}
.swatch.error code {
font-family: monospace
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
top: 50%;
position: absolute;
text-decoration: none;
width: 30px;
padding: 0;
background: transparent;
outline: none;
border-radius: 0;
white-space: nowrap;
margin-right: 0;
margin-left: 0
}
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before {
font-family: "FontAwesome";
text-indent: 0;
position: absolute;
left: 0;
width: 29px;
text-align: center;
line-height: 29px;
font-size: 20px;
background: #f5f5f5;
color: #dadbdb;
display: none
}
.owl-carousel .owl-nav .owl-prev {
left: 0
}
.owl-carousel .owl-nav .owl-prev:before {
content: "\f104"
}
.owl-carousel .owl-nav .owl-next {
right: 0
}
.owl-carousel .owl-nav .owl-next:before {
content: "\f105"
}
.owl-carousel .owl-nav .disabled {
opacity: .5;
cursor: default
}
@media (max-width: 768px) {
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before {
font-size: 14px
}
.owl-carousel .owl-nav .owl-prev {
left: 0
}
.owl-carousel .owl-nav .owl-next {
right: 0
}
}
.owl-carousel .owl-dots {
display: block;
margin-top: 10px;
text-align: center;
position: absolute;
bottom: 10px;
width: 100%
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
margin: 0 3px
}
.owl-carousel .owl-dots .owl-dot.active {
background: #f54337
}
.owl-carousel-inset .owl-nav .owl-prev {
left: 0
}
.owl-carousel-inset .owl-nav .owl-next {
right: 0
}
.owl-carousel-inset .owl-dots {
position: absolute;
left: 0;
width: 100%;
bottom: 25px
}
.owl-carousel-inset .owl-prev, .owl-carousel-inset .owl-next {
opacity: 0;
visibility: hidden;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.owl-carousel-inset:hover .owl-prev, .owl-carousel-inset:hover .owl-next {
opacity: 1;
visibility: visible
}
.owl-carousel-inset:hover .owl-prev.disabled, .owl-carousel-inset:hover .owl-next.disabled {
opacity: .5
}
.owl-carousel-inset:hover .owl-nav .owl-prev {
left: 25px
}
.owl-carousel-inset:hover .owl-nav .owl-next {
right: 25px
}
.owl-carousel .owl-item img {
width: 100%
}
.owl-carousel .owl-item.focus {
border: 2px solid #333
}
.tab-wrap .tabs-title {
*zoom:1;
display: inline-block;
position: relative;
z-index: 9;
margin: 0 0 26px
}
.tab-wrap .tabs-title:after {
content: "";
display: table;
clear: both
}
.tab-wrap .tabs-title li {
font-size: 2.2rem;
font-weight: 700;
text-transform: uppercase;
position: relative;
line-height: 40px;
float: left
}
.tab-wrap .tabs-title li:before {
content: "|";
color: #c9c9c9;
padding: 0 16px;
color: #1c1c1c
}
.tab-wrap .tabs-title li:first-child:before {
display: none
}
.tab-wrap .tabs-title li.current {
color: #212121
}
.tab-wrap .tab-content {
position: relative
}
ul.tabs li {
background: none;
display: inline-block;
cursor: pointer
}
ul.tabs li.current {
color: #000
}
.tab-content {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden
}
.tab-content.current {
opacity: 1;
visibility: visible;
height: auto
}
.accordion .nav-item .tab-pane {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden
}
.accordion .nav-item.active .tab-pane {
opacity: 1;
visibility: visible;
height: auto;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out
}
#quick-view-product {
bottom: 0;
left: 0;
overflow-x: auto;
overflow-y: auto;
position: fixed;
right: 0;
top: 0 !important;
z-index: 9999
}
#quick-view-product .product-info {
color: #222;
font-weight: 300
}
#quick-view-product .brand {
color: #222
}
#quick-view-product .available {
margin: 0;
font-weight: 400;
color: #72C13D
}
#quick-view-product .available.outstock {
color: #E55E5E
}
#quick-view-product .qwp-name {
margin: 10px 0;
font-size: 1.71429em;
font-weight: 400;
line-height: 32px;
color: #333
}
#quick-view-product .quantity_wanted_p {
margin-top: 15px
}
.product-featured-image-quickview {
border: 1px solid #ebebeb;
margin-bottom: 10px
}
#quick-view-product form {
margin-top: 25px;
border-top: 1px solid #ebebeb
}
#quick-view-product form label {
display: inline-block;
min-width: 100px;
line-height: 40px;
font-weight: 700;
margin-bottom: 20px;
float: left
}
#quick-view-product form select {
width: 150px;
display: inline-block;
height: 40px;
float: left;
margin-right: 20px
}
#quick-view-product .price {
color: #f54337;
font-size: 1.57143em;
font-weight: 700
}
#quick-view-product del {
font-size: 1.14286em;
color: #a2a2a2;
margin-left: 5px;
display: inline-block
}
#quick-view-product #usefull_link_block {
margin: 10px 0
}
#quick-view-product #usefull_link_block li a {
color: #222;
line-height: 17px
}
#quick-view-product .fancybox-overlay {
display: block !important;
height: 100vh;
background: none;
z-index: 100
}
#quick-view-product .quick-view-product {
position: absolute;
width: 1030px;
top: 5%;
height: auto;
margin: 0 auto;
left: 0;
right: 0;
padding: 30px;
background-color: #fff;
z-index: 8011
}
#quick-view-product .prices {
display: inline-block;
margin-bottom: 15px
}
#quick-view-product .product-right-column .price-product-detail {
margin: 0;
line-height: 33px
}
#quick-view-product #quantity-detail {
line-height: 39px;
margin: 0;
display: inline-block;
width: 60px;
padding-right: 0;
height: 40px
}
#quick-view-product .total-price {
float: left;
width: 100%;
display: block;
margin-top: 15px
}
#quick-view-product .total-price span {
font-family: Roboto;
font-size: 1.07143em;
font-weight: 400;
color: #222
}
#quick-view-product .more-view-wrapper {
overflow: hidden
}
#quick-view-product .product-right-column .quantity_wanted_p {
width: 100%;
margin-top: 15px
}
#quick-view-product .product-right-column .add_to_cart_detail {
margin: 15px 10px 15px 0;
width: 100%
}
#quick-view-product .product-right-column .add_to_cart_detail.disabled {
padding: 0 20px
}
#quick-view-product .product-right-column .btn-wishlist {
margin-top: 15px
}
#quick-view-product .swatch {
margin: 20px 0 0
}
#quick-view-product .swatch .swatch-element {
margin: 0px 6px 0 0
}
#quick-view-product .swatch .swatch-element label {
line-height: 26px;
margin-bottom: 5px
}
#quick-view-product .view_full_size {
position: relative
}
#quick-view-product .loading-imgquickview {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url(loading.gif) center center no-repeat
}
#quick-view-product .availability, #quick-view-product .product-sku {
line-height: 28px
}
#thumbs_list_quickview {
text-align: center;
position: relative;
margin-top: 6px
}
#thumblist_quickview {
position: relative;
padding: 0
}
#thumblist_quickview #thumblist {
list-style-type: none;
margin: 0;
overflow: hidden;
position: static
}
#thumblist_quickview .owl-row {
margin-left: -3px;
margin-right: -3px
}
#thumblist_quickview .owl-item {
float: left
}
#thumblist_quickview .owl-item a {
display: block
}
#thumblist_quickview .owl-item img {
max-width: 100%
}
#thumblist_quickview .thumb_item {
border: 1px solid #e6e6e6
}
#thumblist_quickview .owl-next, #thumblist_quickview .owl-prev {
width: 16px;
height: 16px;
margin-top: -8px
}
#thumblist_quickview .owl-next:before, #thumblist_quickview .owl-prev:before {
border: 1px solid #b6b6b6;
border-radius: 100%;
font-size: .71429em;
line-height: 12px;
height: 16px;
color: #000;
text-shadow: none
}
#thumblist_quickview .owl-next:hover:before, #thumblist_quickview .owl-prev:hover:before {
background: #222;
color: #fff
}
@media (max-width: 1199px) {
#quick-view-product, .quickview {
display: none !important
}
}
.fancybox-close {
position: absolute;
top: -12px;
right: -12px;
width: 25px;
height: 25px;
cursor: pointer;
z-index: 8040;
color: #fff;
text-align: center;
background: #333;
line-height: 25px;
border-radius: 50%
}
.quickview-info {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb
}
.quickview-product .product-single h1 a, .quickview-product .product-single .h1 a, .quickview-product .product-single .h1 a {
font-size: 1.42857em
}
.quickview-product .product-single .price {
font-size: 1.85714em
}
.quickview-product .content {
padding: 30px
}
.quickview-product .product-name {
margin: 0 0 10px !important
}
.quickview-product .review {
margin-bottom: 10px
}
.quickview-product .review:before {
content: " ";
display: table
}
.quickview-product .review:after {
content: " ";
display: table;
clear: both
}
.quickview-product .review .spr-badge {
float: left;
height: 24px;
overflow: hidden;
position: relative;
margin-bottom: 0
}
.quickview-product .review .spr-badge .spr-icon {
margin: 0
}
.quickview-product .review .spr-badge .spr-active {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden
}
.quickview-product .review .spr-badge .spr-badge-caption {
float: left;
margin: 0 0 9px
}
.quickview-product span.available {
display: none
}
.quickview-product span.available.active {
display: block
}
.quickview-product .product-description {
padding-bottom: 0
}
.quickview-product .product-actions {
border: none;
padding: 0;
margin: 0
}
.quickview-product .product-actions .btn-addToCart {
clear: none;
margin: 0
}
.quickview-product .product-media {
position: relative;
min-width: 400px
}
.quickview-product .product-media:before {
content: " ";
display: table
}
.quickview-product .product-media:after {
content: " ";
display: table;
clear: both
}
.quickview-product .more-views {
width: 80px;
margin: 0;
height: calc(100% - 60px);
min-height: 361px;
position: absolute;
top: 30px;
left: 0;
overflow: hidden
}
.quickview-product .more-views a {
display: block;
overflow: hidden;
height: 100%
}
.quickview-product .more-views img {
display: block;
position: relative;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.quickview-product .featured-image {
float: right;
width: calc(100% - 100px);
margin: 0
}
.quickview-product form {
margin: 0
}
.quickview-product .product-actions .product-single-quantity {
margin-bottom: 0
}
.quickview-product .product-single .product-description {
margin: 0 0 25px
}
.quickview-product .product-options {
margin: 0 0 25px;
padding: 0 0 25px
}
.quickview-product .details {
margin: 0 0 8px
}
.filter-container {
margin-bottom: 30px
}
.filter-group {
margin-bottom: 20px
}
.filter-group ul {
max-height: 140px;
overflow-y: auto
}
.filter-group ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
border-radius:5px;
background-color:#F5F5F5
}
.filter-group ul::-webkit-scrollbar {
width:5px;
background-color:#F5F5F5
}
.filter-group ul::-webkit-scrollbar-thumb {
border-radius:5px;
-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
background-color:#e5e5e5
}
#start {
width: 100px;
float: left
}
@media (max-width: 1024px) {
#start {
width: 80px
}
}
#start input {
text-align: center;
border-radius: 0px;
border: 1px solid #e1e1e1;
box-shadow: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none
}
#stop {
width: 100px;
float: left;
margin-left: 30px;
text-align: center;
position: relative
}
@media (max-width: 1024px) {
#stop {
width: 80px
}
}
#stop input {
text-align: center;
border-radius: 0px;
border: 1px solid #e1e1e1;
box-shadow: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none
}
#stop:before {
content: "-";
position: absolute;
left: -17px;
font-size: 17px
}
.filter-group-title {
display: block;
font-size: 1.28571em;
margin-bottom: 10px
}
.filter-item {
margin: 0;
cursor: pointer;
line-height: 2.5em
}
.filter-item * {
color: #6f6f6f;
cursor: pointer;
font-size: 1em;
font-weight: normal
}
.filter-item.color {
min-width: 20px
}
.filter-item.color a, .filter-item.color label {
width: 100%;
height: 100%;
display: inline-block;
font-size: 0
}
.filter-item.color .fa {
width: 20px;
height: 20px;
background: red;
border-radius: 50%;
position: relative;
display: inline-block
}
.filter-item.color .fa:before {
display: none
}
.filter-item.color .fa.trang:hover:before {
display: block;
content: "";
width: 26px;
height: 26px;
position: absolute;
left: -4px;
top: -4px;
border: 1px solid #e2e2e2;
border-radius: 50%
}
.filter-item.color .fa:hover:before {
display: block;
content: "";
width: 26px;
height: 26px;
position: absolute;
left: -3px;
top: -3px;
border: 1px solid #e2e2e2;
border-radius: 50%
}
.filter-item.color input:checked+.fa:before {
display: block;
content: "";
width: 26px;
height: 26px;
position: absolute;
left: -3px;
top: -3px;
border: 1px solid #e2e2e2;
border-radius: 50%
}
.filter-item.color input:checked+.fa.trang:before {
display: block;
content: "";
width: 26px;
height: 26px;
position: absolute;
left: -4px;
top: -4px;
border: 1px solid #e2e2e2;
border-radius: 50%
}
.filter-item--green *:hover {
color: #f54337
}
.filter-item--half {
display: inline-block;
width: 48%;
white-space: nowrap;
overflow: hidden;
margin-right: 3px
}
.filter-item--check-box input {
display: none
}
.filter-item--check-box .fa {
margin-right: 5px;
width: 14px;
position: relative;
display: inline-block
}
.filter-item--check-box input+.fa:before {
content: "";
margin-right: 5px;
border-radius: 2px;
font-size: 18px;
border: solid 1px #ebebeb;
line-height: 40px;
position: absolute;
top: -13px;
height: 15px !important;
width: 15px
}
.filter-item--check-box input:checked+.fa:after {
font-family: "Ionicons";
content: "\f122";
color: #fff;
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
top: -13px;
font-size: 12px;
left: 2px
}
.filter-item--check-box input:checked+.fa:before {
border-color: #f54337;
background: #f54337
}
#sort-by {
float: right;
font-size: 12px;
text-align: left
}
#sort-by .button-asc, #sort-by .button-desc {
background-color: #f8f8f8;
box-shadow: none;
float: right;
height: 30px;
line-height: 28px;
margin-left: 5px;
text-align: center;
width: 30px
}
#sort-by label {
float: left;
line-height: 38px;
font-size: 14px;
margin-right: 6px;
margin-bottom: 0;
font-weight: 500
}
#sort-by ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
float: right
}
#sort-by a:link, #sort-by a:visited {
color: #333;
text-decoration: none
}
#sort-by>ul>li {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 28px;
text-indent: .01px;
cursor: pointer;
line-height: 36px;
background-image: url(ico-selects.png) !important
}
#sort-by li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 0 20px;
position: relative;
width: 150px;
float: left;
color: #333;
border: 1px solid #e1e1e1;
font-size: 14px
}
#sort-by li>a {
display: inline-block;
width: 100%;
line-height: 36px
}
#sort-by li li {
width: 100%;
margin-top: 0px;
border-top: none;
border-right: none;
border-left: none
}
#sort-by li li a:hover {
color: #007fb8
}
#sort-by li:hover {
background-color: #fff
}
#sort-by li li:hover {
background-color: #fff;
color: #007fb8
}
#sort-by ul ul {
position: absolute;
display: none;
left: -1px;
top: 35px;
background: none repeat scroll 0 0 #F8F8F8;
z-index: 10000;
border-top: none;
border: 1px #e1e1e1 solid;
width: 150px
}
#sort-by ul ul li:last-child {
border-bottom: none
}
#sort-by ul ul li a:hover, #sort-by ul ul li a:focus {
color: #f54337
}
#sort-by ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent
}
#sort-by li:hover>ul {
display: block
}
.filter-container__selected-filter {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #eee
}
.filter-container__selected-filter-header {
margin-bottom: 5px
}
.filter-container__selected-filter-header-title {
font-size: 18px;
font-weight: bold;
color: #0038AE
}
.filter-container__clear-all {
float: right;
color: #333;
margin-top: 3px
}
.filter-container__selected-filter-item {
padding: 3px 0
}
.filter-container__selected-filter-item>a {
color: #333;
font-size: .92857em
}
.filter-container__selected-filter-item .fa {
margin-right: 10px;
color: #F44336
}
#popup-cart-desktop {
width: 800px;
background: #fff;
float: none;
margin: 0 auto;
padding: 20px;
position: relative;
margin-top: 50px
}
#popup-cart-desktop .title-popup-cart {
margin-bottom: 10px;
font-size: 18px;
padding-right: 15px
}
#popup-cart-desktop .title-popup-cart i {
color: #f54337
}
#popup-cart-desktop .title-quantity-popup {
font-size: 17px;
margin-bottom: 10px;
cursor: pointer
}
#popup-cart-desktop .title-quantity-popup .fa-shopping-cart {
color: #f54337;
font-size: 25px
}
#popup-cart-desktop .title-quantity-popup .fa-caret-right {
font-size: 14px
}
#popup-cart-desktop .content-popup-cart .thead-popup {
background: #f7f7f7;
float: left;
width: 100%;
clear: both
}
#popup-cart-desktop .content-popup-cart .thead-popup>div {
float: left;
padding: 6px 5px;
text-transform: uppercase;
font-size: 13px;
border-left: 2px solid #fff
}
#popup-cart-desktop .content-popup-cart .thead-popup>div:first-child {
border-left: none
}
#popup-cart-desktop .content-popup-cart .tbody-popup {
width: 100%;
float: left;
clear: both;
max-height: 280px;
overflow-x: auto;
border: 1px solid #f7f7f7;
border-top: none
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
border-radius:5px;
background-color:#F5F5F5
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar {
width:5px;
background-color:#F5F5F5
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-thumb {
border-radius:5px;
-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
background-color:#e5e5e5
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup {
width: 100%;
float: left;
clear: both;
border-bottom: 1px dotted #ddd
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup:last-child {
border-bottom: none
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup p {
margin-bottom: 0
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div {
float: left
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image {
padding: 10px;
float: left
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image img {
border: 1px solid #d2d2d2
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info {
padding: 10px 0;
padding-left: 100px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a {
display: block;
margin-bottom: 5px;
font-weight: bold
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a:hover {
color: #f54337
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .variant-title-popup {
font-size: 13px;
margin-bottom: 5px;
color: #333333
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-remove a {
font-size: 13px;
color: #888
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price {
padding: 10px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price span {
display: block
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .price {
color: #333;
font-size: 12px;
font-weight: 500
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-price {
color: #333;
font-size: 12px;
text-decoration: line-through;
font-weight: 500
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-divide {
font-size: 12px;
color: #d71515
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count {
border: 1px solid #ddd;
outline: none;
background: #fff;
height: 24px;
margin-top: 10px;
width: 23px;
text-align: center;
vertical-align: top;
padding: 0
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-minus {
border-radius: 3px 0 0 3px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-plus {
border-radius: 0 3px 3px 0
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .number-sidebar {
border: 1px solid #ddd;
height: 24px;
margin-left: -1px;
text-align: center;
width: 24px;
vertical-align: top;
margin-right: -1px;
margin-top: 10px;
display: inline-block;
min-height: 24px;
padding: 0;
border-radius: 0
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price {
display: block;
font-weight: 500;
padding: 10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup {
width: 100%;
float: left;
clear: both
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 {
padding: 10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship {
font-size: 13px;
width: 320px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship img {
float: left;
margin-right: 10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p {
line-height: 20px;
margin-bottom: 0
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p {
font-size: 15px;
font-weight: bold;
padding: 0px 0;
padding-bottom: 0
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p .total-price {
color: #f54337
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 a {
cursor: pointer
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-continue {
margin: 10px;
background: transparent;
font-size: 13px;
float: left;
border: none;
outline: none;
color: #f54337
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout {
background: #f54337;
font-size: 15px;
float: right;
display: block;
margin-right: 15px;
padding: 6px 10px;
border-radius: 5px;
color: #fff;
margin-bottom: 10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:hover, #popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:focus {
background: #ed1a0c
}
.fancybox-skin {
background: #fff !important
}
.modal-content {
border: none;
box-shadow: none;
border-radius: 0.5rem;
position: relative;
background-color: #fff;
background-clip: padding-box;
outline: 0
}
.modal-header {
background-color: #f54337;
color: #fff;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem
}
@media (max-width: 480px) {
.modal-header {
padding: 10px
}
}
.modal-body {
position: relative;
padding: 15px
}
.modal-header .close {
margin-top: -2px
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20)
}
.modal-header .modal-title {
padding-left: 6rem;
position: relative;
min-height: 44px;
font-weight: normal;
font-size: 18px;
line-height: normal;
margin: 0;
color: #fff
}
@media (max-width: 480px) {
.modal-header .modal-title {
font-size: 16px;
min-height: 34px;
padding-left: 40px;
line-height: 34px
}
}
.modal-header .modal-title span {
width: 44px;
height: 44px;
border-radius: 100%;
font-size: 23px;
text-align: center;
line-height: 44px;
color: #f54337;
position: absolute;
left: 0;
top: 0;
display: block;
background-color: #fff
}
@media (max-width: 480px) {
.modal-header .modal-title span {
height: 34px;
width: 34px;
line-height: 34px
}
}
.media:first-child {
margin-top: 0
}
.btn-outline-red {
background: #fff;
color: #f54337 !important;
font-size: 17px;
line-height: normal;
padding: 0px 15px;
border-radius: 3px;
border: 1px solid #f54337;
text-align: center;
margin-top: 1.5rem
}
.btn-red {
background: #f54337;
border: 1px solid #f54337;
color: #fff !important;
font-size: 17px;
line-height: 40px;
height: 40px;
padding: 0px 15px;
border-radius: 3px;
border: none;
text-align: center;
margin-top: 1.5rem
}
.media .media-left {
padding-right: 1em
}
.media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top
}
.media .thumb-1x1 {
width: 7.7rem
}
body {
background: #fff
}
.awe-section-1 {
margin-bottom: 25px
}
@media (max-width: 480px) {
.awe-section-1 {
margin-bottom: 5px
}
}
.awe-section-2 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-2 {
margin-bottom: 5px
}
}
.awe-section-3 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-3 {
margin-bottom: 5px
}
}
.awe-section-4 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-4 {
margin-bottom: 5px
}
}
.awe-section-5 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-5 {
margin-bottom: 5px
}
}
.awe-section-6 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-6 {
margin-bottom: 5px
}
}
.awe-section-7 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-7 {
margin-bottom: 5px
}
}
.awe-section-8 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-8 {
margin-bottom: 5px
}
}
.awe-section-9 {
margin-bottom: 0
}
@media (max-width: 480px) {
.awe-section-9 {
margin-bottom: 5px
}
}
.title-head {
font-size: 1.42857em;
font-weight: 500;
color: #000;
text-decoration: none
}
.title-head a {
color: #000
}
.title-head a:hover {
color: #f54337
}
.subtitle-head {
font-size: 1.28571em;
color: #000;
margin: 20px 0
}
.product-box {
text-align: left;
margin-bottom: 30px;
background: #fff;
position: relative;
overflow: hidden
}
.product-box .product-thumbnail {
position: relative;
overflow: hidden
}
.product-box .product-info {
z-index: 10;
position: relative;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px
}
.product-box .product-name {
font-size: 1.07143em;
line-height: 1.15;
color: #000;
font-weight: 500;
margin-top: 10px;
margin-bottom: 5px;
padding-bottom: 2px
}
.product-box .product-name a {
color: #222;
text-decoration: none
}
.product-box .product-name a:hover {
color: #f54337
}
.product-box .product-name:hover, .product-box .product-name:focus {
color: #f54337
}
.product-box .price-box {
min-height: 49px
}
.product-box .price-box .special-price {
display: block;
width: 100%
}
.product-box .price-box .special-price .product-price {
color: #ec0101;
font-size: 1.07143em;
line-height: 1.71429em;
display: inline-block;
font-weight: 500
}
.product-box .price-box .old-price {
display: inline-block
}
.product-box .price-box .old-price .product-price-old {
text-decoration: line-through;
font-size: .92857em;
margin: 0 0 0 0px;
display: inline-block;
color: #878787
}
.product-box .price-box .sale-flash {
position: absolute;
font-size: .92857em;
top: 10px;
left: 10px;
text-align: center;
z-index: 9;
text-transform: uppercase;
font-weight: 500
}
.product-box .product-summary {
font-size: 1em;
color: #acacac;
line-height: 20px
}
.product-box form {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.product-price {
color: #323c3f;
font-size: 1.42857em;
line-height: 24px;
display: block;
font-weight: 700
}
.products-view-list .product-box .product-thumbnail {
text-align: center;
margin-bottom: 0;
width: calc(100% / 3);
float: left
}
@media (max-width: 480px) {
.products-view-list .product-box .product-thumbnail {
width: 100%;
float: none;
margin-bottom: 15px
}
}
.products-view-list .product-box .product-info {
text-align: left;
margin-left: 30px;
float: left;
width:calc(100% / 3 * 2 - 30px);
background: transparent;
border-top: none
}
@media (max-width: 480px) {
.products-view-list .product-box .product-info {
float: none;
margin-left: 0;
width: 100%
}
}
.breadcrumb {
margin: 0;
font-size: 1em;
padding: 10px 0;
background-color: #fff;
border-radius: 0
}
.breadcrumb li {
display: inline
}
.breadcrumb li>a {
color: #222
}
.breadcrumb li>a>span {
color: #FFF
}
.breadcrumb li>a>span:hover, .breadcrumb li>a>span:focus {
color: #f54337;
text-decoration: none
}
.breadcrumb li>a:hover, .breadcrumb li>a:focus {
color: #f54337;
text-decoration: none
}
.breadcrumb li span {
display: inline;
color: #4582ff
}
.breadcrumb li span i {
color: #FFF
}
.breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li strong {
color: #FFF;
font-weight: 400
}
.breadcrumb>li+li:before {
display: none
}
.pagination {
margin-bottom: 20px
}
.pagination .page-link {
float: left;
margin: 0 2.5px;
width: 28px;
background: transparent;
text-align: center;
height: 28px;
font-size: 14px;
line-height: 28px;
color: #555555;
border-radius: 0;
border: none;
text-decoration: none;
border-radius: 50% !important;
padding: 0
}
.pagination .page-link:hover {
background-color: #fff;
border-color: #fff;
color: #f54337
}
@media (max-width: 480px) {
.pagination .page-link {
margin: 0;
width: 23px;
height: 23px;
line-height: 23px
}
}
.pagination .page-item.disabled .page-link {
border: 0;
background: transparent;
color: #555555
}
.pagination .page-item.active .page-link {
background-color: #fff;
border-color: #fff;
color: #f54337
}
header {
background: #fff
}
.topbar {
background: #fff
}
.header-main {
padding: 30px 0
}
.logo {
padding: 5px 0
}
.header_search {
padding: 10px 0 15px
}
.header_search input {
float: right
}
.header_search .input-group-btn {
position: absolute;
right: 0;
top: 0;
width: 45px
}
.header_search .input-group {
width: 100%;
margin-bottom: 0
}
.header_search button {
padding: 0;
width: 45px;
background: transparent
}
.header_search button img {
margin-top: 6px
}
.mini-cart {
z-index: 10;
text-align: center
}
.mini-cart:hover .top-cart-content {
display: block
}
.mini-cart .dropdown-toggle {
font-size: 12px;
padding: 0;
text-transform: none
}
.top-cart-contain {
color: #333;
padding: 0;
right: 0;
z-index: 1000
}
.top-cart-contain .price {
color: #f54337;
text-transform: uppercase
}
.top-cart-contain .mini-cart .price {
margin-right: 5px;
font-size: 16px;
font-weight: 700
}
.top-cart-contain .product-details .price {
color: #f54337;
width: auto;
float: none;
font-weight: 400;
padding-left: 0;
font-size: 12px
}
.top-cart-content {
display: none;
position: absolute;
top: 30px;
right: 0;
background: #fff;
padding: 0;
text-align: left;
box-shadow: 0 0 15px -5px rgba(0,0,0,0.4);
z-index: 10000
}
.top-cart-content .empty {
text-align: left;
color: #333
}
.top-cart-content .product-name {
margin: 0;
width: 150px;
line-height: 1;
padding-right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.top-cart-content .product-name a {
font-size: 1em;
line-height: normal;
line-height: 20px !important;
font-weight: 400;
color: #333
}
.top-cart-content li {
list-style: none
}
.top-cart-content li.item {
border-top: 1px solid #eee;
overflow: hidden;
padding: 20px 0
}
.top-cart-content li.item:first-child {
border-top: none;
padding-top: 10px
}
.top-cart-content li.item:last-child {
margin: 0;
border-bottom: none
}
.top-cart-content li.item .product-image {
float: left;
display: block;
width: 100px;
margin-right: 10px
}
.top-cart-content li.item .detail-item {
padding-left: 110px
}
.top-cart-content li.item .detail-item .fa {
position: absolute;
right: 20px
}
.top-cart-content li.item .detail-item input {
display: inline-block;
width: 45px;
padding: 0;
text-align: center
}
.top-cart-content li.item .detail-item button.items-count {
display: inline-block
}
.top-cart-content .block-subtitle {
color: #333;
overflow: hidden;
padding: 15px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: .92857em;
background: #f5f5f5;
text-transform: none;
font-weight: 400;
border-bottom: 1px #ddd solid
}
.top-subtotal {
color: #333;
font-size: 1.14286em;
font-weight: 400;
padding: 12px 0;
padding-top: 30px;
text-align: left;
text-transform: none
}
.top-subtotal .price {
font-weight: 700;
color: #f54337;
float: right
}
ul#cart-sidebar {
padding: 20px 30px;
margin: 0;
max-height: 582px;
min-width: 320px
}
ul#cart-sidebar li.list-item {
max-height: 400px;
overflow-y: auto
}
ul#cart-sidebar li.action {
display: none
}
ul#cart-sidebar.hasclass li.action {
display: block
}
ul#cart-sidebar li.list-item .price2 {
font-weight: 700;
color: #f94e3f;
font-size: 14px;
display: list-item;
margin-bottom: 5px
}
ul#cart-sidebar li.list-item::-webkit-scrollbar {
width:5px
}
ul#cart-sidebar li.list-item::-webkit-scrollbar-track {
background:rgba(255,255,255,0.9)
}
ul#cart-sidebar li.list-item::-webkit-scrollbar-thumb {
background:#f54337;
border-radius:15px
}
ul#cart-sidebar li.list-item::-webkit-scrollbar-thumb:hover, ul#cart-sidebar li.list-item::-webkit-scrollbar-thumb:active {
background:#f54337;
border-radius:15px
}
.li-fix-1 {
background: #FFF;
border-top: 1px solid #ebebeb;
display: block
}
.li-fix-2 {
display: block;
width: 295px
}
header nav {
background: #f2f2f2
}
header nav .nav {
position: static
}
header nav .nav-item {
float: left;
position: relative
}
header nav .nav-item.has-mega {
position: static
}
header nav .nav-item>a {
color: #333
}
header nav .nav-item>a:hover {
color: #333
}
header nav .nav-item>.fa {
color: #fff;
position: absolute;
right: 0;
top: 33px
}
header nav .nav-item .nav-item-lv2 {
padding: 0 10px
}
header nav .nav-item .nav-item-lv3 {
padding: 0 10px
}
header nav .nav-item:hover>.dropdown-menu {
display: block;
margin-top: 0
}
header nav .nav-item:hover>.mega-content {
display: block
}
header nav .nav-item li.dropdown-submenu {
position: relative
}
header nav .nav-item li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0
}
header nav .nav-item li.dropdown-submenu:hover>.dropdown-menu {
display: block
}
header nav .mega-content {
background: #fff none repeat scroll 0 0;
border-radius: 0;
box-shadow: 5px 10px 20px rgba(0,0,0,0.15);
display: none;
margin: 0;
padding: 10px;
position: absolute;
top: 74px;
left: 0;
z-index: 99;
width: 100%;
text-align: left;
border-top: 4px solid #f54337
}
header nav .mega-content .level1.parent h2, header nav .mega-content .level1.parent .h2 {
font-size: 14px;
margin-top: 0
}
header nav .mega-content .level1.parent h2 a, header nav .mega-content .level1.parent .h2 a {
color: #333;
text-transform: uppercase
}
header nav .mega-content .level1.parent ul.level1 li {
line-height: 1.3
}
header nav .mega-content .level1.parent ul.level1 li a {
font-weight: normal !important;
text-transform: none !important
}
header nav .mega-content .level1.parent ul.level1 li+li {
padding-top: 5px
}
header nav .mega-content .level1.item {
float: left;
width: 25%;
padding: 0 5px
}
@media (max-width: 1024px) {
header nav .mega-content .level1.item {
width: 33.33333333%
}
}
header nav .mega-content .level1.item>a {
color: #f54337
}
header nav .mega-content .level1.item>a:hover, header nav .mega-content .level1.item>a:focus {
color: #ed1a0c;
text-decoration: none
}
header nav .mega-content .level1.item h2, header nav .mega-content .level1.item .h2 {
font-size: 14px;
margin-top: 0
}
header nav .mega-content .level1.item ul.level1 {
margin-bottom: 15px
}
header nav .mega-content .level1.item ul.level1 li a {
font-weight: normal !important;
text-transform: none !important;
color: #333
}
header nav .mega-content .level1.item ul.level1 li a:hover, header nav .mega-content .level1.item ul.level1 li a:focus {
text-decoration: none;
color: #f54337
}
header nav .mega-content .level0-wrapper2 .nav-block .level0 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
footer {
position: relative;
overflow: hidden
}
footer .footer-info-widget h3, footer .footer-info-widget .h3 {
font-size: 1.28571em;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px
}
footer .footer-info-widget p {
color: #cfd2d3;
font-size: 1.14286em
}
footer .footer-info-widget p.hotline {
font-size: 2em;
color: #fff;
font-weight: 700;
margin-bottom: 15px;
margin-top: -8px
}
footer .footer-info-widget p.hotline a {
color: #fff
}
footer .footer-info-widget p.hotline a:hover {
color: #f54337
}
footer .footer-info-widget form {
position: relative
}
footer .footer-info-widget form input {
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 1.14286em
}
footer .footer-info-widget form button {
position: absolute;
right: 0;
background: transparent;
border: none;
line-height: 50px;
font-size: 2.14286em;
color: #a6a6ad;
padding-right: 10px
}
footer .list-inline .fa {
color: #fff;
margin-right: 20px;
font-size: 2.14286em
}
footer .list-inline .fa:hover {
color: #f54337
}
footer .site-footer h3, footer .site-footer .h3, footer .site-footer h4, footer .site-footer .h4 {
position: relative;
color: #fff;
margin: 0;
padding: 13px 0;
font-size: 1.28571em
}
footer .list-menu {
margin-bottom: 15px;
line-height: 1.71429em
}
footer .list-menu a {
color: #8c9198
}
footer .list-menu a:hover {
color: #f54337
}
footer .list-menu li {
color: #8c9198
}
footer .list-menu.contact .fa {
width: 20px;
margin-right: 5px;
color: #f54337
}
footer .copyright {
text-align: center;
color: #656565;
font-size: 1em;
position: relative;
padding: 10px 0;
background-color: #121212
}
footer .copyright a {
color: #656565
}
footer .copyright a:hover, footer .copyright a:focus {
color: #f54337
}
footer .social-icons li {
margin-right: 10px
}
footer .back-to-top {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 20px;
line-height: 1;
cursor: pointer;
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 3px;
background-color: #f54337;
color: #fff
}
footer .back-to-top.show {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 999
}
.details-product #gallery_01 {
margin-top: 15px;
z-index: 0
}
.details-product #gallery_01 .owl-carousel.owl-loaded {
overflow: hidden
}
.details-product .details-pro .product-price {
font-size: 2.14286em;
display: inline-block
}
.details-product .details-pro .price-box {
margin: 5px 0 5px
}
.details-product .details-pro .price-box del {
color: #adadad;
font-size: 1.42857em;
margin-left: 5px
}
.details-product .details-pro .custom-btn-number {
position: relative;
padding: 0;
margin-bottom: 20px;
border: none;
box-shadow: none;
height: auto
}
.details-product .details-pro .custom-btn-number label {
font-size: 14px
}
.details-product .details-pro .custom-btn-number #qty {
height: 40px;
font-size: 1em;
margin: 0;
width: 60px;
padding: 0 2px;
text-align: center
}
.details-product .details-pro .custom-btn-number .qtyminus {
position: absolute;
left: 25px;
top: 4px;
font-size: 1.42857em
}
.details-product .details-pro .custom-btn-number .qtyplus {
position: absolute;
right: 25px;
top: 4px;
font-size: 1.42857em
}
.zoomWrapper {
width: 100% !important;
height: auto !important
}
.zoomWrapper img {
position: static !important;
max-width: 100% !important;
height: auto !important;
width: auto !important
}
.zoomWrapper img ~ img {
display: none !important
}
.product-tab .tab-link {
margin-right: 20px
}
.product-tab .tab-link h3, .product-tab .tab-link .h3 {
margin: 10px 0;
font-size: 1.14286em
}
.product-tab .tab-link span {
font-size: 1.14286em
}
.product-tab .tab-link.current h3, .product-tab .tab-link.current .h3 {
color: #f54337
}
.product-tab .tab-content.current {
min-height: 1px
}
@media (max-width: 480px) {
.product-tab .tab-content.current {
min-height: 20px
}
}
.view-mode span {
font-size: 0
}
.button-view-mode {
padding: 0;
margin: 0;
font-size: 1.42857em
}
.button-view-mode.active {
box-shadow: none;
color: #000
}
.button-view-mode.active a {
color: #000
}
.sortPagiBar {
border-bottom: 1px solid #e1e1e1;
margin-bottom: 20px;
padding-bottom: 15px
}
.blog-item {
overflow: hidden;
margin-bottom: 15px
}
.blog-item .date {
position: absolute;
background: #f54337;
text-align: center;
color: #fff;
padding: 3px 10px;
z-index: 10
}
.blog-item .date span {
display: block;
line-height: 45px
}
.blog-item .date span ~ span {
overflow: hidden;
border-top: 1px solid #fff
}
.blog-item-name {
font-weight: 700;
position: relative;
font-size: 1.14286em;
margin: 0
}
.blog-item-name a {
color: #000
}
.blog-item-name .fa {
position: absolute;
left: 0;
top: 9px;
font-size: 11px;
color: #f54337
}
.blog-item-summary {
font-size: 1em;
margin-bottom: 0
}
.blog-item-thumbnail {
position: relative
}
.list-blogs .blog-item {
margin-bottom: 25px
}
.article-main .article-title {
font-size: 1.71429em;
line-height: 1.92857em;
margin: 15px 0 8px
}
.article-main .postby {
font-size: 1.14286em;
line-height: 1.71429em;
color: #676767;
margin-bottom: 10px
}
.article-main .article-content {
font-size: 1em
}
.article-main .form-group {
margin: 0;
padding-top: 0;
padding-bottom: 8px
}
#article-comments {
margin-top: 30px
}
#article-comments .article-comment {
margin-bottom: 10px
}
#article-comments .article-comment-user-image {
margin: 0;
float: left;
width: 50px;
margin-right: 12px
}
#article-comments .article-comment-user-comment {
padding-left: 63px;
font-size: 1em
}
#article-comments .user-name-comment {
margin: 0;
color: #f54337;
font-size: 15px;
line-height: 1
}
#article-comments .article-comment-date-bull {
padding: 5px 0;
display: block;
color: #acacac;
font-size: 12px
}
.social-media {
font-size: 1em
}
.social-media label {
display: inline-block
}
.social-media a {
margin-right: 7px;
color: #222
}
.social-media a:hover, .social-media a:focus {
text-decoration: none;
color: #222
}
.social-media a:hover .fa-facebook-official, .social-media a:focus .fa-facebook-official {
color: #3b5998
}
.social-media a:hover .fa-twitter, .social-media a:focus .fa-twitter {
color: #1da1f2
}
.social-media a:hover .fa-pinterest, .social-media a:focus .fa-pinterest {
color: #bd081c
}
.social-media a:hover .fa-google-plus, .social-media a:focus .fa-google-plus {
color: #dd4b39
}
.social-media .list-inline li {
margin-right: 20px
}
textarea.form-control {
border: 1px solid #e1e1e1
}
.section-news-2 {
margin-bottom: 20px
}
.cart-item {
background: #fff;
padding: 20px 10px;
border-bottom: 1px solid #e1e1e1
}
.cart-item-image {
float: left;
width: 120px;
margin-right: 20px
}
.cart-item-info {
padding-left: 140px
}
.cart-item-info h3, .cart-item-info .h3 {
margin: 0;
font-size: 1.28571em;
font-weight: 400
}
.cart-item-info .product-price {
line-height: 50px
}
.cart-item-info input {
width: 95px;
height: 45px;
border-color: #e1e1e1;
float: left
}
.cart-item-info .remove-item {
color: #c6c6c6;
font-size: 38px;
font-weight: 300;
line-height: 47px;
float: right
}
.cart-item-info .variant {
color: #adadad
}
.name-product-cart {
color: #f54337
}
.cart .total-price {
background: #fff;
padding: 25px;
line-height: 45px
}
.delete-cart .title {
font-size: 2.14286em;
text-align: center;
padding: 30px 10px
}
.delete-cart .btn-50 {
width: calc(50% - 3px)
}
.delete-cart .btn-50 a {
color: #fff;
display: block
}
#customer_register {
margin-bottom: 20px
}
#customer_login, #recover_customer_password {
margin-bottom: 0
}
.checkbox.style input {
margin: 0 !important;
display: none
}
.checkbox.style label {
display: inline-block;
vertical-align: middle;
font-weight: normal;
text-transform: none;
position: relative;
padding-left: 55px;
line-height: 50px
}
.checkbox.style label:before {
display: block;
width: 35px;
height: 35px;
background: #fff;
border: 1px solid #d4d4d4;
border-radius: 5px;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.checkbox.style input:checked+label:after {
content: "\f00c";
font-family: FontAwesome;
font-size: 20px;
color: #f54337;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%)
}
.block-account h3, .block-account .h3 {
margin-top: 0
}
.customer-name {
color: #f54337;
line-height: 55px
}
.block-content.form-signup {
background: #fff;
padding-top: 10px
}
.block-content.form-signup p {
padding: 0;
display: table
}
.block-content.form-signup p i {
display: table-cell;
width: 20px;
text-align: center;
color: #f54337
}
.address-title {
padding-left: 10px;
margin-bottom: 15px;
border-radius: 0 !important;
font-weight: 300
}
.address-title button {
background: none;
border: none;
font-size: 0;
width: 50px;
height: 55px
}
.address-title button.btn-edit {
background-image: url(../images/btn-edit.png);
background-repeat: no-repeat;
background-position: center
}
.address-title button.btn-delete {
background-image: url(../images/btn-delete.png);
background-repeat: no-repeat;
background-position: center
}
.address-subtitle {
margin-top: 0;
text-transform: uppercase
}
.address-item-action {
right: 0;
top: -7px
}
.address-item-action .btn-row {
padding-right: 5px
}
.address-group {
background: #fff;
padding-bottom: 5px;
margin-bottom: 15px
}
.address-group p {
color: #595959
}
.address-group p label {
float: left;
font-weight: 300
}
#order_payment, #order_shipping {
background: #fff;
padding: 10px 0
}
#order_payment .address.note i, #order_shipping .address.note i {
color: #f54337;
margin-right: 5px
}
.totalorders {
background: #fff;
border-color: #e1e1e1
}
.order-headding {
margin: 0
}
.info-contact .widget-menu p {
display: inline
}
.info-contact .logo {
font-size: 20px
}
.aside-item.collection-category .nav-item {
position: relative;
clear: left;
font-size: 1.07143em
}
.aside-item.collection-category .nav-item a {
font-size: 1.07143em
}
.aside-item.collection-category .nav-item .fa {
position: absolute;
right: 5px;
top: 12px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center
}
.aside-item.collection-category .nav-item .dropdown-menu {
position: static;
width: 100%;
border: 0;
padding-left: 15px;
box-shadow: none
}
.aside-item.collection-category .nav-item.active>a {
color: #f54337
}
.aside-item.collection-category .nav-item.active>.dropdown-menu {
display: block
}
.aside-item.collection-category .nav>li>a {
padding: 5px 15px
}
.aside-item .nav>li>a:focus, .aside-item .nav>li>a:hover {
background: none
}
#start {
width: 100px;
float: left
}
@media (max-width: 1024px) {
#start {
width: 80px
}
}
#start input {
text-align: center;
border-radius: 0px;
border: 1px solid #e1e1e1;
box-shadow: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none
}
#stop {
width: 100px;
float: left;
margin-left: 30px;
text-align: center;
position: relative
}
@media (max-width: 1024px) {
#stop {
width: 80px
}
}
#stop input {
text-align: center;
border-radius: 0px;
border: 1px solid #e1e1e1;
box-shadow: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none
}
#stop:before {
content: "-";
position: absolute;
left: -17px;
font-size: 17px
}
a#filter-value {
height: 30px;
line-height: 30px;
font-weight: 400;
width: 100px;
margin-top: 15px;
background-color: #f54337;
color: #fff;
border-color: #f54337
}
a#filter-value:hover, a#filter-value:focus {
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #bd1509;
border-color: #bd1509
}
div#isp_search_result_page_container .btn-search {
display: none
}
button.btn.btn-default.btn-search {
display: none
}
div#isp_search_result_page_container form {
margin-bottom: 0
}
footer .footer-info-widget p.hotline a {
color: #fff
}
.product-box .sale-flash {
background-color: #f54337
}
.blog-item .date {
background: #f02b2b
}
.off-canvas-menu .action .btn-primary.btn-50:last-child {
background: #2bf525
}
.off-canvas-menu .action .btn-primary.btn-50:last-child:hover {
background: #43f63d
}
.details-product form button.btn-primary2 {
background: #2bf525
}
.details-product form button.btn-primary2:hover {
background: #43f63d
}
.view-desktop a.btn.btn-primary.btn-full {
background: #ef7d00
}
.view-desktop a.btn.btn-primary.btn-full:hover {
background: #ff8a0a
}
.home-slider, .section-blog-sliders {
overflow: hidden
}
.home-slider .item, .section-blog-sliders .item {
position: relative
}
.home-slider.owl-carousel .owl-nav .owl-next, .section-blog-sliders.owl-carousel .owl-nav .owl-next {
right: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev, .section-blog-sliders.owl-carousel .owl-nav .owl-prev {
left: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:before, .home-slider.owl-carousel .owl-nav .owl-next:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:before {
font-size: 20px;
background: #fff;
border: 1px solid #222;
color: #222;
height: 35px;
width: 35px;
text-align: center;
line-height: 32px;
border-radius: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:hover:before, .home-slider.owl-carousel .owl-nav .owl-next:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:hover:before {
color: #f54337;
border-color: #f54337
}
.home-slider.owl-carousel .owl-dots .owl-dot, .section-blog-sliders.owl-carousel .owl-dots .owl-dot {
height: 10px;
width: 10px;
background-color: #222
}
.home-slider.owl-carousel .owl-dots .owl-dot.active, .section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
width: 30px;
height: 10px;
background-color: #f54337;
border-radius: 6px
}
@media (max-width: 767px) {
.home-slider.owl-carousel .owl-dots .owl-dot.active, .section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
height: 6px !important;
width: 6px !important;
border-radius: 50% !important;
border: 1px solid #f54337 !important
}
}
@media (max-width: 767px) {
.home-slider.owl-carousel .owl-dots .owl-dot, .section-blog-sliders.owl-carousel .owl-dots .owl-dot {
height: 6px !important;
width: 6px !important;
border-radius: 50% !important;
border: 1px solid #fff !important
}
}
.section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
background-color: #a8a8a8
}
.section_tab_product h2, .section_tab_product .h2 {
font-size: 1.78571em;
line-height: 1.1;
margin: 0 0 20px 0;
color: #222
}
.section_tab_product .tabs-title {
margin-bottom: 30px;
border-radius: 0px;
overflow: hidden;
margin-top: 10px
}
.section_tab_product .tabs-title li {
display: inline-block;
background: #fff;
height: 20px;
line-height: 20px;
margin: 0 10px;
font-size: 14px;
text-transform: uppercase;
position: relative
}
.section_tab_product .tabs-title li.current {
color: #f54337;
background: #fff
}
.section_tab_product .tabs-title li:hover, .section_tab_product .tabs-title li:focus {
color: #f54337
}
.section_tab_product .tab-content {
clear: left
}
@media (max-width: 767px) {
.section_tab_product .tabs-title li {
width: 87px
}
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
display: block
}
.table-responsive-block thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table-responsive-block tr {
background: #fff;
line-height: 20px;
margin-bottom: 10px
}
.table-responsive-block td {
border: none;
position: relative;
padding-left: 40%;
text-align: right;
font-weight: 700
}
.table-responsive-block td.last {
padding: 0;
line-height: 50px
}
.table-responsive-block td.last a {
color: #f54337
}
.table-responsive-block td:before {
position: absolute;
top: 13px;
left: 10px;
width: 45%;
padding-right: 10px;
text-align: left;
white-space: nowrap;
font-weight: 400
}
.table-responsive-block .table-order td:nth-of-type(1):before {
content: "Đơn hàng"
}
.table-responsive-block .table-order td:nth-of-type(2):before {
content: "Ngày"
}
.table-responsive-block .table-order td:nth-of-type(3):before {
content: "Chuyển đến"
}
.table-responsive-block .table-order td:nth-of-type(4):before {
content: "Địa chỉ"
}
.table-responsive-block .table-order td:nth-of-type(5):before {
content: "Giá trị"
}
.table-responsive-block .table-order td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block #order_details td:nth-of-type(1):before {
content: "Sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(2):before {
content: "Mã sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(3):before {
content: "Giá"
}
.table-responsive-block #order_details td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block #order_details td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block #order_details td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block .totalorders td:nth-of-type(1):before {
content: "Tạm tính"
}
.table-responsive-block .totalorders td:nth-of-type(2):before {
content: "Phí vận chuyển"
}
.table-responsive-block .totalorders td:nth-of-type(3):before {
content: "Tổng tiền"
}
.table-responsive-block .totalorders td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block .totalorders td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block .totalorders td:nth-of-type(6):before {
content: "Tình trạng"
}
}
@media (max-width: 543px) {
section.sidebar.left-content.col-lg-12 {
padding: 0
}
}
@media (max-width: 1199px) {
header nav .mega-content {
width: 940px
}
header nav .mega-content .level1.item {
text-align: left
}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right {
margin-right: 50px
}
}
@media (max-width: 767px) {
header>.container {
position: relative
}
.menu-bar.hidden-md.hidden-lg {
position: absolute;
top: 40px;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
header .logo a {
display: inline-block;
text-align: left
}
header nav .nav-item {
display: block;
width: 100%;
text-align: left;
margin: 0
}
header nav .nav-item .dropdown-menu {
display: none !important;
position: static;
border: none
}
header nav .nav-item.open a {
background: none !important
}
header nav .nav-item.open>.dropdown-menu {
display: block !important;
margin: 0;
padding: 0
}
header nav li.menu-line {
display: none;
border: none
}
header nav .nav-item>a {
line-height: 20px;
padding: 5px 15px 3px
}
header nav #nav-mobile .nav-item>.dropdown-menu {
padding: 0 0 0 15px;
position: static;
width: 100%;
float: none;
border: none;
padding-right: 7px
}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
display: block !important
}
.header-main {
padding: 10px 0
}
#nav {
padding-right: 0;
display: none;
padding-right: 0;
padding: 10px 0;
border: 1px solid #ebebeb;
margin-bottom: 15px
}
#nav.open {
display: block
}
#nav .nav-link>.fa {
float: right;
line-height: 22px;
margin-right: -15px;
width: 40px;
text-align: center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px)
}
}
@media (max-width: 543px) {
.topbar .a-left {
display: none
}
.topbar ul.list-inline.f-right {
float: left !important
}
.search.f-right {
float: none;
width: 100%
}
}
@media (max-width: 420px) {
.col-xs-6.footer-header {
width: 100%
}
}
@media (max-width: 430px) {
.collection p.title-head-info {
position: static
}
.collection h1.title-head, .collection .title-head.h1 {
margin-bottom: 5px
}
}
@media (max-width: 480px) {
.product-tab .tab-link {
margin-right: 10px
}
}
@media (max-width: 375px) {
.sodiachi .btn.btn-50, .sodiachi input.btn-50[type="submit"] {
width: 100%;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.quick-view {
display: none !important
}
}
footer .footer-info-widget p.hotline a {
color: #fff
}
.product-box .sale-flash {
display: inline-block;
padding: 4px 10px;
color: #fff;
background-color: #fe9931;
text-transform: uppercase;
-webkit-box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3);
-moz-box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3);
box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3)
}
.product-box .sale-flash:before {
border-top: 10px solid #9e9e9e
}
.blog-item .date {
background: #f02b2b
}
.off-canvas-menu .action .btn-primary.btn-50:last-child {
background: #2bf525
}
.off-canvas-menu .action .btn-primary.btn-50:last-child:hover {
background: #43f63d
}
.details-product form button.btn-primary2 {
background: #2bf525
}
.details-product form button.btn-primary2:hover {
background: #43f63d
}
.view-desktop a.btn.btn-primary.btn-full {
background: #ef7d00
}
.view-desktop a.btn.btn-primary.btn-full:hover {
background: #ff8a0a
}
.home-slider, .section-blog-sliders {
overflow: hidden
}
.home-slider .item, .section-blog-sliders .item {
position: relative
}
.home-slider.owl-carousel .owl-nav .owl-next, .section-blog-sliders.owl-carousel .owl-nav .owl-next {
right: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev, .section-blog-sliders.owl-carousel .owl-nav .owl-prev {
left: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:before, .home-slider.owl-carousel .owl-nav .owl-next:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:before {
font-size: 20px;
background: #fff;
border: 1px solid #222;
color: #222;
height: 35px;
width: 35px;
text-align: center;
line-height: 32px;
border-radius: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:hover:before, .home-slider.owl-carousel .owl-nav .owl-next:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:hover:before {
color: #f54337;
border-color: #f54337
}
.home-slider.owl-carousel .owl-dots .owl-dot, .section-blog-sliders.owl-carousel .owl-dots .owl-dot {
height: 10px;
width: 10px;
background-color: rgba(0,0,0,0.2)
}
.home-slider.owl-carousel .owl-dots .owl-dot.active, .section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
width: 30px;
height: 10px;
background-color: #f54337;
border-radius: 6px
}
.section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
background-color: #a8a8a8
}
.section_tab_product h2, .section_tab_product .h2 {
font-size: 1.78571em;
line-height: 1.1;
margin: 0 0 20px 0;
color: #222
}
.section_tab_product .tabs-title {
margin-bottom: 30px;
border-radius: 0px;
overflow: hidden;
margin-top: 10px
}
.section_tab_product .tabs-title li {
display: inline-block;
background: #fff;
height: 20px;
line-height: 20px;
margin: 0 10px;
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #8c8c8c
}
.section_tab_product .tabs-title li.current {
color: #333;
background: #fff
}
.section_tab_product .tabs-title li:hover, .section_tab_product .tabs-title li:focus {
color: #333
}
.section_tab_product .tab-content {
clear: left
}
@media (max-width: 767px) {
.section_tab_product .tabs-title li {
width: 87px
}
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
display: block
}
.table-responsive-block thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table-responsive-block tr {
background: #fff;
line-height: 20px;
margin-bottom: 10px
}
.table-responsive-block td {
border: none;
position: relative;
padding-left: 40%;
text-align: right;
font-weight: 700
}
.table-responsive-block td.last {
padding: 0;
line-height: 50px
}
.table-responsive-block td.last a {
color: #f54337
}
.table-responsive-block td:before {
position: absolute;
top: 8px;
left: 10px;
width: 45%;
padding-right: 10px;
text-align: left;
white-space: nowrap;
font-weight: 400
}
.table-responsive-block .table-order td:nth-of-type(1):before {
content: "Đơn hàng"
}
.table-responsive-block .table-order td:nth-of-type(2):before {
content: "Ngày"
}
.table-responsive-block .table-order td:nth-of-type(3):before {
content: "Chuyển đến"
}
.table-responsive-block .table-order td:nth-of-type(4):before {
content: "Địa chỉ"
}
.table-responsive-block .table-order td:nth-of-type(5):before {
content: "Giá trị"
}
.table-responsive-block .table-order td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block #order_details td:nth-of-type(1):before {
content: "Sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(2):before {
content: "Mã sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(3):before {
content: "Giá"
}
.table-responsive-block #order_details td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block #order_details td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block #order_details td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block .totalorders td:nth-of-type(1):before {
content: "Tạm tính"
}
.table-responsive-block .totalorders td:nth-of-type(2):before {
content: "Phí vận chuyển"
}
.table-responsive-block .totalorders td:nth-of-type(3):before {
content: "Tổng tiền"
}
.table-responsive-block .totalorders td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block .totalorders td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block .totalorders td:nth-of-type(6):before {
content: "Tình trạng"
}
}
@media (max-width: 543px) {
section.sidebar.left-content.col-lg-12 {
padding: 0
}
}
@media (max-width: 1199px) {
header nav .mega-content {
width: 940px
}
header nav .mega-content .level1.item {
text-align: left
}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right {
margin-right: 50px
}
}
@media (max-width: 991px) {
header>.container {
position: relative
}
.menu-bar.hidden-md.hidden-lg {
position: absolute;
top: 40px;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
header .logo a {
display: inline-block;
text-align: left
}
header nav .nav-item {
display: block;
width: 100%;
text-align: left;
margin: 0
}
header nav .nav-item .dropdown-menu {
display: none !important;
position: static;
border: none
}
header nav .nav-item.open a {
background: none !important
}
header nav .nav-item.open>.dropdown-menu {
display: block !important;
margin: 0;
padding: 0
}
header nav li.menu-line {
display: none;
border: none
}
header nav .nav-item>a {
line-height: 20px;
padding: 5px 15px 3px
}
header nav #nav-mobile .nav-item>.dropdown-menu {
padding: 0 0 0 15px;
position: static;
width: 100%;
float: none;
border: none;
padding-right: 7px
}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
display: block !important
}
.header-main {
padding: 10px 0
}
#nav {
padding-right: 0;
display: none;
padding-right: 0;
padding: 10px 0;
border: 1px solid #ebebeb;
margin-bottom: 15px
}
#nav.open {
display: block
}
#nav .nav-link>.fa {
float: right;
line-height: 22px;
margin-right: -15px;
width: 40px;
text-align: center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px)
}
}
@media (max-width: 543px) {
.topbar .a-left {
display: none
}
.topbar ul.list-inline.f-right {
float: left !important
}
.search.f-right {
float: none;
width: 100%
}
}
@media (max-width: 420px) {
.col-xs-6.footer-header {
width: 100%
}
}
@media (max-width: 430px) {
.collection p.title-head-info {
position: static
}
.collection h1.title-head, .collection .title-head.h1 {
margin-bottom: 5px
}
}
@media (max-width: 480px) {
.product-tab .tab-link {
margin-right: 10px
}
}
@media (max-width: 375px) {
.sodiachi .btn.btn-50, .sodiachi input.btn-50[type="submit"] {
width: 100%;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.quick-view {
display: none !important
}
}
footer .footer-info-widget p.hotline a {
color: #fff
}
.product-box .sale-flash {
display: inline-block;
padding: 4px 10px;
color: #fff;
background-color: #fe9931;
text-transform: uppercase;
-webkit-box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3);
-moz-box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3);
box-shadow: 2px 2px 0px 0px rgba(218,218,218,0.3)
}
.product-box .sale-flash:before {
border-top: 10px solid #9e9e9e
}
.blog-item .date {
background: #f02b2b
}
.off-canvas-menu .action .btn-primary.btn-50:last-child {
background: #2bf525
}
.off-canvas-menu .action .btn-primary.btn-50:last-child:hover {
background: #43f63d
}
.details-product form button.btn-primary2 {
background: #2bf525
}
.details-product form button.btn-primary2:hover {
background: #43f63d
}
.view-desktop a.btn.btn-primary.btn-full {
background: #ef7d00
}
.view-desktop a.btn.btn-primary.btn-full:hover {
background: #ff8a0a
}
.text1line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.text2line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.text3line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.text4line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical
}
.text5line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}
.text6line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical
}
.text7line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical
}
.text8line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical
}
.text9line {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical
}
.home-slider, .section-blog-sliders {
overflow: hidden
}
.home-slider .item, .section-blog-sliders .item {
position: relative
}
.home-slider.owl-carousel .owl-nav .owl-next, .section-blog-sliders.owl-carousel .owl-nav .owl-next {
right: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev, .section-blog-sliders.owl-carousel .owl-nav .owl-prev {
left: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:before, .home-slider.owl-carousel .owl-nav .owl-next:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:before {
font-size: 20px;
background: #fff;
border: 1px solid #222;
color: #222;
height: 35px;
width: 35px;
text-align: center;
line-height: 32px;
border-radius: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:hover:before, .home-slider.owl-carousel .owl-nav .owl-next:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-prev:hover:before, .section-blog-sliders.owl-carousel .owl-nav .owl-next:hover:before {
color: #f54337;
border-color: #f54337
}
.home-slider.owl-carousel .owl-dots .owl-dot, .section-blog-sliders.owl-carousel .owl-dots .owl-dot {
height: 10px;
width: 10px;
background-color: rgba(0,0,0,0.2)
}
.home-slider.owl-carousel .owl-dots .owl-dot.active, .section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
width: 30px;
height: 10px;
background-color: #f54337;
border-radius: 6px
}
.section-blog-sliders.owl-carousel .owl-dots .owl-dot.active {
background-color: #a8a8a8
}
.section_tab_product h2, .section_tab_product .h2 {
font-size: 1.78571em;
line-height: 1.1;
margin: 0 0 20px 0;
color: #222
}
.section_tab_product .tabs-title {
margin-bottom: 30px;
border-radius: 0px;
overflow: hidden;
margin-top: 10px
}
.section_tab_product .tabs-title li {
display: inline-block;
background: #fff;
height: 20px;
line-height: 20px;
margin: 0 10px;
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #8c8c8c
}
.section_tab_product .tabs-title li.current {
color: #333;
background: #fff
}
.section_tab_product .tabs-title li:hover, .section_tab_product .tabs-title li:focus {
color: #333
}
.section_tab_product .tab-content {
clear: left
}
@media (max-width: 767px) {
.section_tab_product .tabs-title li {
width: 87px
}
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
display: block
}
.table-responsive-block thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table-responsive-block tr {
background: #fff;
line-height: 20px;
margin-bottom: 10px
}
.table-responsive-block td {
border: none;
position: relative;
padding-left: 40%;
text-align: right;
font-weight: 700
}
.table-responsive-block td.last {
padding: 0;
line-height: 50px
}
.table-responsive-block td.last a {
color: #f54337
}
.table-responsive-block td:before {
position: absolute;
top: 8px;
left: 10px;
width: 45%;
padding-right: 10px;
text-align: left;
white-space: nowrap;
font-weight: 400
}
.table-responsive-block .table-order td:nth-of-type(1):before {
content: "Đơn hàng"
}
.table-responsive-block .table-order td:nth-of-type(2):before {
content: "Ngày"
}
.table-responsive-block .table-order td:nth-of-type(3):before {
content: "Chuyển đến"
}
.table-responsive-block .table-order td:nth-of-type(4):before {
content: "Địa chỉ"
}
.table-responsive-block .table-order td:nth-of-type(5):before {
content: "Giá trị"
}
.table-responsive-block .table-order td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block #order_details td:nth-of-type(1):before {
content: "Sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(2):before {
content: "Mã sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(3):before {
content: "Giá"
}
.table-responsive-block #order_details td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block #order_details td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block #order_details td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block .totalorders td:nth-of-type(1):before {
content: "Tạm tính"
}
.table-responsive-block .totalorders td:nth-of-type(2):before {
content: "Phí vận chuyển"
}
.table-responsive-block .totalorders td:nth-of-type(3):before {
content: "Tổng tiền"
}
.table-responsive-block .totalorders td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block .totalorders td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block .totalorders td:nth-of-type(6):before {
content: "Tình trạng"
}
}
@media (max-width: 543px) {
section.sidebar.left-content.col-lg-12 {
padding: 0
}
}
@media (max-width: 1199px) {
header nav .mega-content {
width: 100%
}
header nav .mega-content .level1.item {
text-align: left
}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right {
margin-right: 50px
}
}
@media (max-width: 991px) {
header>.container {
position: relative
}
.menu-bar.hidden-md.hidden-lg {
position: absolute;
top: 40px;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
header .logo a {
display: inline-block;
text-align: left
}
header nav .nav-item {
display: block;
width: 100%;
text-align: left;
margin: 0
}
header nav .nav-item .dropdown-menu {
display: none !important;
position: static;
border: none
}
header nav .nav-item.open a {
background: none !important
}
header nav .nav-item.open>.dropdown-menu {
display: block !important;
margin: 0;
padding: 0
}
header nav li.menu-line {
display: none;
border: none
}
header nav .nav-item>a {
line-height: 20px;
padding: 5px 15px 3px
}
header nav #nav-mobile .nav-item>.dropdown-menu {
padding: 0 0 0 15px;
position: static;
width: 100%;
float: none;
border: none;
padding-right: 7px
}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
display: block !important
}
.header-main {
padding: 10px 0
}
#nav {
padding-right: 0;
display: none;
padding-right: 0;
padding: 10px 0;
border: 1px solid #ebebeb;
margin-bottom: 15px
}
#nav.open {
display: block
}
#nav .nav-link>.fa {
float: right;
line-height: 22px;
margin-right: -15px;
width: 40px;
text-align: center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px)
}
}
@media (max-width: 543px) {
.topbar .a-left {
display: none
}
.topbar ul.list-inline.f-right {
float: left !important
}
.search.f-right {
float: none;
width: 100%
}
}
@media (max-width: 420px) {
.col-xs-6.footer-header {
width: 100%
}
}
@media (max-width: 430px) {
.collection p.title-head-info {
position: static
}
.collection h1.title-head, .collection .title-head.h1 {
margin-bottom: 5px
}
}
@media (max-width: 480px) {
.product-tab .tab-link {
margin-right: 10px
}
}
@media (max-width: 375px) {
.sodiachi .btn.btn-50, .sodiachi input.btn-50[type="submit"] {
width: 100%;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.quick-view {
display: none !important
}
}
footer .footer-info-widget p.hotline a {
color: #fff
}
.product-box .sale-flash {
background-color: #9e9e9e
}
.product-box .sale-flash:before {
border-top: 10px solid #9e9e9e
}
.blog-item .date {
background: #f02b2b
}
.off-canvas-menu .action .btn-primary.btn-50:last-child {
background: #2bf525
}
.off-canvas-menu .action .btn-primary.btn-50:last-child:hover {
background: #43f63d
}
.details-product form button.btn-primary2 {
background: #2bf525
}
.details-product form button.btn-primary2:hover {
background: #43f63d
}
.view-desktop a.btn.btn-primary.btn-full {
background: #ef7d00
}
.view-desktop a.btn.btn-primary.btn-full:hover {
background: #ff8a0a
}
.home-slider {
overflow: hidden
}
.home-slider .item {
position: relative
}
.home-slider.owl-carousel .owl-nav .owl-next {
right: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev {
left: 15px !important;
background: transparent;
top: 50%
}
.home-slider.owl-carousel .owl-nav .owl-prev:before, .home-slider.owl-carousel .owl-nav .owl-next:before {
font-size: 84px;
background: transparent
}
.section_tab_product h2, .section_tab_product .h2 {
font-size: 1.71429em;
text-transform: uppercase;
line-height: 1;
margin: 0 0 20px 0
}
.section_tab_product .tabs-title {
margin-bottom: 30px;
border-radius: 5px;
overflow: hidden
}
.section_tab_product .tabs-title li {
width: 140px;
display: inline-block;
background: #dadbdb;
height: 40px;
line-height: 40px;
margin-right: 1px
}
.section_tab_product .tabs-title li.current {
color: #fff;
background: #898989
}
.section_tab_product .tab-content {
clear: left
}
@media (min-width: 1200px) {
.section_tab_product .tab-content .products .col-lg-3:nth-child(4n+1) {
clear: left
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.section_tab_product .products .col-sm-4:nth-child(3n+1) {
clear: left
}
}
@media (max-width: 767px) {
.section_tab_product .tabs-title li {
width: 87px
}
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
display: block
}
.table-responsive-block thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table-responsive-block tr {
background: #fff;
line-height: 20px;
margin-bottom: 10px
}
.table-responsive-block td {
border: none;
position: relative;
padding-left: 40%;
text-align: right;
font-weight: 700
}
.table-responsive-block td.last {
padding: 0;
line-height: 50px
}
.table-responsive-block td.last a {
color: #f54337
}
.table-responsive-block td:before {
position: absolute;
top: 13px;
left: 10px;
width: 45%;
padding-right: 10px;
text-align: left;
white-space: nowrap;
font-weight: 400
}
.table-responsive-block .table-order td:nth-of-type(1):before {
content: "Đơn hàng"
}
.table-responsive-block .table-order td:nth-of-type(2):before {
content: "Ngày"
}
.table-responsive-block .table-order td:nth-of-type(3):before {
content: "Chuyển đến"
}
.table-responsive-block .table-order td:nth-of-type(4):before {
content: "Địa chỉ"
}
.table-responsive-block .table-order td:nth-of-type(5):before {
content: "Giá trị"
}
.table-responsive-block .table-order td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block #order_details td:nth-of-type(1):before {
content: "Sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(2):before {
content: "Mã sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(3):before {
content: "Giá"
}
.table-responsive-block #order_details td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block #order_details td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block #order_details td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block .totalorders td:nth-of-type(1):before {
content: "Tạm tính"
}
.table-responsive-block .totalorders td:nth-of-type(2):before {
content: "Phí vận chuyển"
}
.table-responsive-block .totalorders td:nth-of-type(3):before {
content: "Tổng tiền"
}
.table-responsive-block .totalorders td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block .totalorders td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block .totalorders td:nth-of-type(6):before {
content: "Tình trạng"
}
}
@media (max-width: 543px) {
section.sidebar.left-content.col-lg-12 {
padding: 0
}
}
@media (max-width: 1199px) {
header nav .mega-content {
width: 940px
}
header nav .mega-content .level1.item {
text-align: left
}
}
@media (max-width: 1024px) {
header nav .mega-content {
width: 100%
}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right {
margin-right: 50px
}
}
@media (max-width: 991px) {
header>.container {
position: relative
}
.menu-bar.hidden-md.hidden-lg {
position: absolute;
top: 40px;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
header .logo a {
display: inline-block;
text-align: left
}
header nav .nav-item {
display: block;
width: 100%;
text-align: left;
margin: 0
}
header nav .nav-item .dropdown-menu {
display: none !important;
position: static;
border: none
}
header nav .nav-item.open a {
background: none !important
}
header nav .nav-item.open>.dropdown-menu {
display: block !important;
margin: 0;
padding: 0
}
header nav li.menu-line {
display: none;
border: none
}
header nav .nav-item>a {
line-height: 20px;
padding: 5px 15px 3px
}
header nav #nav-mobile .nav-item>.dropdown-menu {
padding: 0 0 0 15px;
position: static;
width: 100%;
float: none;
border: none;
padding-right: 7px
}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
display: block !important
}
.header-main {
padding: 10px 0
}
#nav {
padding-right: 0;
display: none;
padding-right: 0;
padding: 10px 0;
border: 1px solid #ebebeb;
margin-bottom: 15px
}
#nav.open {
display: block
}
#nav .nav-link>.fa {
float: right;
line-height: 22px;
margin-right: -15px;
width: 40px;
text-align: center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px)
}
}
@media (max-width: 543px) {
.topbar .a-left {
display: none
}
.topbar ul.list-inline.f-right {
float: left !important
}
.logo {
display: block;
font-size: 20px
}
.search.f-right {
float: none;
width: 100%
}
}
@media (max-width: 420px) {
.col-xs-6.footer-header {
width: 100%
}
}
@media (max-width: 543px) {
.product-box .product-thumbnail>a {
max-height: 1000px;
height: auto
}
}
@media (max-width: 430px) {
.collection p.title-head-info {
position: static
}
.collection h1.title-head, .collection .title-head.h1 {
margin-bottom: 5px
}
}
@media (max-width: 480px) {
.product-tab .tab-link {
margin-right: 10px
}
}
@media (max-width: 375px) {
.sodiachi .btn.btn-50, .sodiachi input.btn-50[type="submit"] {
width: 100%;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.quick-view {
display: none !important
}
}