| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 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 : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/quagiare.com-bk/public_html/skin/css/ |
Upload File : |
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index: 0
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.no-padding-right {
padding-right: 0 !important
}
.no-padding-left {
padding-left: 0
}
body {
background: #FFF;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
overflow-x: hidden;
color: #363f4d
}
body.bg-body {
background-color: #fff
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
textarea.form-control,
select.form-control {
border-radius: 3px;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #bbb
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea.form-control:focus,
select.form-control:focus {
outline: none;
box-shadow: none
}
a:hover,
a:focus {
text-decoration: none
}
.row {
margin-right: -10px;
margin-left: -10px
}
@media (max-width: 480px) {
.row {
margin-right: -7px;
margin-left: -7px
}
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-left: 10px;
padding-right: 10px
}
@media (max-width: 480px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-left: 7px;
padding-right: 7px
}
}
.container,
.container-fluid {
padding-left: 10px;
padding-right: 10px
}
@media (max-width: 480px) {
.container,
.container-fluid {
padding-left: 12px;
padding-right: 12px
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px
}
@media (max-width: 480px) {
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
padding-left: 7px;
padding-right: 7px
}
}
.col-xs-15 {
width: 20%;
float: left
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left
}
}
.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px
}
@media (max-width: 480px) {
.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 {
padding-left: 7px;
padding-right: 7px
}
}
.col-xs-40 {
width: 40%;
float: left
}
@media (min-width: 768px) {
.col-sm-40 {
width: 40%;
float: left
}
}
@media (min-width: 992px) {
.col-md-40 {
width: 40%;
float: left
}
}
@media (min-width: 1200px) {
.col-lg-40 {
width: 40%;
float: left
}
}
.red {
color: #F00;
}
.page-404 h1 {
color: #333;
font-size: 28px
}
.page-404 .land {
color: #888
}
.page-404 .mt-5 .btn-success {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
background-color: #f30;
border-color: #f30;
color: #fff;
border-radius: 2px;
text-transform: uppercase
}
.page-404 .mt-5 .btn-success:hover,
.page-404 .mt-5 .btn-success:focus {
color: #fff;
background-color: #e62e00;
border-color: #e62e00
}
.page-login #login .title-head {
display: block;
font-size: 24px;
line-height: 40px;
margin: 0;
color: #222;
text-align: center;
border-bottom: 2px solid #eee;
padding-bottom: 12px;
margin-bottom: 25px;
position: relative;
font-weight: 400
}
@media (max-width: 480px) {
.page-login #login .title-head {
font-size: 18px
}
}
.page-login #login .title-head:after {
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
bottom: -2px;
content: "";
width: 76px;
height: 2px;
display: inline-block;
background: #f30;
position: absolute
}
.page-login #login .btn-blues {
background: transparent;
color: #f30;
text-transform: uppercase;
position: relative;
outline: none;
display: inline-block;
padding: 0 30px;
font-size: 13px;
border: 1px solid;
border-color: #f30;
font-weight: 500;
z-index: 2;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out
}
.page-login #login .btn-blues:hover,
.page-login #login .btn-blues:focus {
color: #fff;
background: #f30
}
.page-login #login p.text-center {
border-bottom: 1px solid #ddd;
padding-bottom: 15px
}
.page-login #login p.text-center .btn-link-style {
margin-top: 15px;
font-weight: 500;
color: #222;
display: inline-block
}
.page-login #login p.text-center .btn-link-style:hover,
.page-login #login p.text-center .btn-link-style:focus {
color: #f30
}
.page-login #login .text-login p {
color: #222
}
.page-login #login .text-login p a {
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
color: #777777
}
.page-login #login .text-login p a:hover,
.page-login #login .text-login p a:focus {
color: #f30
}
.page-login #recover-password .title-head {
display: block;
font-size: 24px;
line-height: 40px;
margin: 0;
color: #222;
text-align: center;
border-bottom: 2px solid #eee;
padding-bottom: 12px;
margin-bottom: 25px;
position: relative;
font-weight: 400
}
@media (max-width: 480px) {
.page-login #recover-password .title-head {
font-size: 18px
}
}
.page-login #recover-password .title-head:after {
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
bottom: -2px;
content: "";
width: 76px;
height: 2px;
display: inline-block;
background: #f30;
position: absolute
}
.page-login #recover-password .btn-blues {
background: transparent;
color: #f30;
text-transform: uppercase;
position: relative;
outline: none;
display: inline-block;
padding: 0 30px;
font-size: 13px;
border: 1px solid;
border-color: #f30;
font-weight: 500;
z-index: 2;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out
}
.page-login #recover-password .btn-blues:hover,
.page-login #recover-password .btn-blues:focus {
color: #fff;
background-color: #f30
}
.page-login #recover-password .action_bottom {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 15px
}
.page-login #recover-password .text-login p {
color: #222
}
.page-login #recover-password .text-login p a {
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
color: #777777
}
.page-login #recover-password .text-login p a:hover,
.page-login #recover-password .text-login p a:focus {
color: #f30
}
.account-page h2 {
margin-top: 0;
font-size: 16px
}
.contact-info-page li {
display: table;
margin-bottom: 7px
}
.contact-info-page li i {
display: table-cell;
width: 20px;
text-align: center
}
.contact-info-page li a {
color: #000
}
.contact-info-page li a:hover,
.contact-info-page li a:focus {
color: #f30
}
.account-page h1.title-head,
.account-page h2.title-head,
.page-contact h1.title-head,
.page-contact h2.title-head,
.related-product h1.title-head,
.related-product h2.title-head {
font-weight: 500;
font-size: 22px;
padding: 0px 0 10px;
margin-bottom: 0;
margin-top: 10px
}
.btn-blues,
#btnnewreview {
color: #fff;
background: #f30;
border-color: #f30;
border-radius: 20px !important;
text-transform: uppercase;
position: relative;
overflow: hidden;
z-index: 1
}
.btn-blues:hover,
.btn-blues:focus,
#btnnewreview:hover,
#btnnewreview:focus {
color: #333;
background-color: #ffdd20
}
.contact .in-fo-page-content {
margin-bottom: 10px
}
.contact .in-fo-page-content h1 {
margin: 0;
color: #36424b;
font-size: 18px;
font-weight: 500;
padding: 0;
margin-top: 0;
margin-bottom: 10px;
position: relative;
text-transform: uppercase
}
.contact .in-fo-page-content .contact-info-page li {
display: table;
margin-bottom: 7px;
color: #666666
}
.contact .in-fo-page-content .contact-info-page li i {
display: table-cell;
width: 20px;
text-align: center;
color: #666666
}
.contact .in-fo-page-content .contact-info-page li a {
color: #666666
}
.contact .in-fo-page-content .contact-info-page li a:hover,
.contact .in-fo-page-content .contact-info-page li a:focus {
color: #f30
}
.contact .in-fo-page-content .contact-info-page li:first-child {
color: #666666
}
.contact .contact-map {
border-top: 1px solid #e8e9f1;
padding-top: 30px;
margin-top: 30px
}
.table-order p {
margin-bottom: 0
}
.required {
font-size: 13px;
color: red
}
.zoomLens {
border: none !important
}
#btnnewreview {
background: #f30 !important
}
.myweb-product-reviews-form input,
.myweb-product-reviews-form input[type="text"],
.myweb-product-reviews-form input[type="email"],
.myweb-product-reviews-form textarea {
border-radius: 3px !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
border: 1px solid #ebebeb !important
}
.myweb-product-reviews-form input:focus,
.myweb-product-reviews-form input[type="text"]:focus,
.myweb-product-reviews-form input[type="email"]:focus,
.myweb-product-reviews-form textarea:focus {
outline: none !important;
box-shadow: none !important
}
.myweb-product-reviews-form .bpr-button-submit {
background: #f30 !important;
border-color: #f30 !important;
min-width: 100px;
text-transform: uppercase
}
.cart_desktop_page form {
margin-bottom: 0
}
.cart-mobile {
padding: 10px 0px 0px 0px
}
.cart-mobile .header-cart {
padding: 10px
}
.cart-mobile .title-cart {
line-height: 10px
}
.cart-mobile .title-cart h3 {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
float: left;
line-height: 27px
}
.cart-mobile .title-cart a {
margin-top: 0px !important
}
.cart-mobile .header-cart-content {
margin-top: 0px;
padding: 10px
}
.cart-mobile .header-cart-content .content-product-list {
min-height: 110px
}
.cart-mobile .header-cart-content .content-product-list .item-product {
min-height: 110px;
border-bottom: solid 1px #f1f1f1;
overflow: hidden;
display: block;
width: 100%;
margin-bottom: 10px
}
.cart-mobile .header-cart-content .content-product-list .date-tour {
margin-bottom: 10px;
font-size: 13px
}
.item-product-cart-mobile {
width: 90px;
padding-right: 0
}
.item-product-cart-mobile img {
max-width: 90px;
margin-right: 0
}
.title-product-cart-mobile h3 {
line-height: 1;
margin: 0;
font-weight: normal
}
.title-product-cart-mobile a {
word-break: break-word;
font-size: 14px;
color: #363636
}
.title-product-cart-mobile p {
line-height: 2;
font-size: 14px;
color: #898989
}
.title-product-cart-mobile span {
color: #f30
}
.item-product-cart-mobile,
.title-product-cart-mobile {
padding-right: 5px;
float: left
}
.title-product-cart-mobile {
width: calc(100% - 164px)
}
.select-item-qty-mobile {
float: right;
text-align: center;
margin-top: 10px;
width: 74px
}
.select-item-qty-mobile .txt_center input {
height: 25px;
width: 24px;
text-align: center;
margin: 0px;
padding: 0;
position: absolute;
left: 22px;
min-height: 0;
border: solid thin #ddd;
border-radius: 0
}
.select-item-qty-mobile>div {
position: relative;
width: 69px;
height: 25px
}
.cart-mobile .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus {
position: absolute;
left: 0;
top: 0;
margin: 0;
line-height: 1;
height: 25px;
border-style: hidden;
background: none !important;
color: #000;
border: solid thin #ddd;
width: 24px
}
.cart-mobile .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
position: absolute;
right: 0;
top: 0;
margin: 0;
height: 25px;
display: inline-block;
line-height: 1;
border-style: hidden;
color: #fff;
background: none !important;
color: #000;
border: solid thin #ddd;
width: 24px
}
.select-item-qty-mobile a {
line-height: 3;
color: #363636
}
.cart-mobile .header-cart-price {
padding: 18px 0px;
padding-bottom: 0
}
.cart-mobile .title-cart h3 {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 0
}
.cart-mobile .title-cart a {
float: right;
margin-top: -28px;
color: #f30;
font-size: 16px;
line-height: 27px;
font-weight: 600
}
.btn-proceed-checkout-mobile {
width: 100%;
line-height: 27px;
color: #fff;
height: 40px;
font-size: 14px;
border: none;
background: #f30;
text-transform: uppercase;
border-radius: 0;
margin-top: 10px;
border-radius: 4px
}
.btn-proceed-continues-mobile {
background-color: #fff !important;
color: #f30 !important;
width: 100%;
height: 40px;
margin-top: 10px;
text-transform: uppercase;
border: 1px solid #f30;
border-radius: 4px
}
.shopping-cart-item {
background-color: transparent;
padding: 15px 0;
margin: 0
}
.shopping-cart-item+.shopping-cart-item {
border-top: 1px solid #e5e5e5
}
.shopping-cart-item .col-xs-3 {
padding-left: 0
}
.shopping-cart-item .col-xs-3 p {
margin: 0
}
.shopping-cart-item .col-right {
padding-left: 0
}
.shopping-cart-item .col-right .box-info-product {
width: 350px;
padding-right: 10px;
padding-left: 10px;
float: left
}
@media (max-width: 1024px) {
.shopping-cart-item .col-right .box-info-product {
width: 270px
}
}
.shopping-cart-item .col-right .box-info-product .name {
font-size: 14px;
margin-bottom: 7px;
line-height: 20px;
font-weight: 500;
padding-top: 0
}
.shopping-cart-item .col-right .box-info-product .name a {
color: #242424;
font-weight: 500
}
.shopping-cart-item .col-right .box-info-product .name a:hover,
.shopping-cart-item .col-right .box-info-product .name a:focus {
color: #f30;
text-decoration: none
}
.shopping-cart-item .col-right .box-info-product .seller-by {
font-size: 13px;
margin-bottom: 12px
}
.shopping-cart-item .col-right .box-info-product .action {
position: relative;
padding: 0 !important;
margin-bottom: 0;
margin-top: 0
}
.shopping-cart-item .col-right .box-info-product .action .btn-link {
border: 0;
color: #f30;
font-size: 13px;
position: static;
padding: 0;
line-height: 1.1
}
.shopping-cart-item .col-right .box-info-product .action .btn-link:hover {
background: none !important;
}
.shopping-cart-item .col-right .box-price {
float: left;
width: 110px;
padding-right: 10px
}
.shopping-cart-item .col-right .box-price .price {
font-size: 16px;
margin-bottom: 5px;
font-weight: 500;
padding-top: 0;
color: #f30
}
.shopping-cart-item .col-right .quantity-block {
width: 120px;
float: right
}
.shopping-cart-item .col-right .quantity-block .input-group-btn button {
height: 28px
}
.shopping-cart-item .col-right .quantity-block .input-group-btn button.bootstrap-touchspin-down {
border-radius: 3px 0 0 3px;
border: 1px solid #e5e5e5;
border-right: 0;
border-color: #e5e5e5;
color: #999;
line-height: 20px;
padding: 3px 9px;
margin: 0;
width: 28px;
background-color: #fff;
float: right
}
.shopping-cart-item .col-right .quantity-block .input-group-btn button.bootstrap-touchspin-up {
border-radius: 0 3px 3px 0;
border: 1px solid #e5e5e5;
border-color: #e5e5e5;
border-left: 0;
color: #999;
line-height: 20px;
padding: 3px 9px;
margin: 0;
width: 28px;
background-color: #fff;
float: right
}
.shopping-cart-item .col-right .quantity-block .input-group-btn button:focus,
.shopping-cart-item .col-right .quantity-block .input-group-btn button:hover {
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none
}
.shopping-cart-item .col-right .quantity-block .input-group-btn .js-quantity-product {
display: inline-block;
height: 28px;
padding: 0 5px;
text-align: center;
border-radius: 0;
width: 35px;
float: right;
min-height: 28px;
border: 1px solid #e5e5e5;
background-color: #fff
}
#right-affix .each-row {
width: 100%;
clear: both
}
#right-affix .each-row .box-style {
background-color: transparent;
padding: 17px 0 21px 0
}
#right-affix .each-row .box-style.fee .list-info-price {
margin: 0
}
#right-affix .each-row .box-style.fee .list-info-price span {
font-weight: 500
}
#right-affix .each-row .box-style.fee .list-info-price strong {
float: right;
font-weight: 700
}
#right-affix .each-row .box-style.fee .total2 {
font-weight: 500
}
#right-affix .each-row .box-style.fee .total2 .text-label {
margin-top: 5px;
display: inline-block
}
#right-affix .each-row .box-style.fee .total2 .amount {
float: right
}
#right-affix .each-row .box-style.fee .total2 .amount p {
margin: 0;
text-align: right;
line-height: 1.1
}
#right-affix .each-row .box-style.fee .total2 .amount p strong {
color: #f30;
font-size: 22px;
font-weight: 700
}
#right-affix .each-row .box-style.fee .total2 .amount p small {
font-weight: 500
}
#right-affix .each-row .box-style+.box-style {
border-top: 1px solid #f4f4f4
}
#right-affix .btn-checkout {
margin-top: 10px;
padding: 10px;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
user-select: none;
color: #fff;
background-color: #f30;
border-color: #f30;
height: 40px
}
#right-affix .btn-checkout:hover,
#right-affix .btn-checkout:focus {
background-color: #cc2900;
border-color: #cc2900
}
#right-affix .btn-checkouts {
margin-top: 10px;
padding: 10px;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
user-select: none;
color: #f30;
background-color: #fff;
border-color: #f30;
height: 40px
}
#right-affix .btn-checkouts:hover,
#right-affix .btn-checkouts:focus {
outline: none;
box-shadow: none;
background-color: #fff;
border-color: #cc2900;
color: #cc2900
}
.lbl-shopping-cart-gio-hang {
margin-top: 20px
}
.lbl-shopping-cart-gio-hang.lbl-shopping-cart {
color: #333;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 12px
}
.lbl-shopping-cart-gio-hang.lbl-shopping-cart span {
font-size: 14px;
text-transform: none;
font-weight: 400
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
color: #12cca7
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
color: #0b816a
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
color: #12cca7
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
color: #0b816a;
margin-top: 15px
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
color: #12cca7
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
color: #12cca7
}
.shopping-cart .shopping-cart-table {
margin-bottom: 10px
}
.shopping-cart .shopping-cart-table table {
margin-bottom: 0px !important
}
.shopping-cart .shopping-cart-table table tbody tr td {
vertical-align: middle
}
.shopping-cart .cart-image img {
width: 150px
}
.cart-shopping-total {
background: #f8f8f8
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item a {
font-size: 18px;
color: #666666
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:hover,
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:focus {
color: #fff000 !important
}
.shopping-cart .shopping-cart-table table tbody tr .cart-image .entry-thumbnail {
display: block;
text-align: center
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info {
vertical-align: middle !important
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
margin-top: 0px;
font-size: 16px
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a {
color: #555
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .reviews {
font-size: 11px;
color: #aaa
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info {
margin-top: 10px
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span {
font-size: 12px;
color: #666666;
text-transform: uppercase
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
font-size: 12px;
text-transform: lowercase;
margin-left: 14px
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a {
color: #666666;
text-decoration: underline
}
.shopping-cart .shopping-cart-table .table>thead>tr>th {
text-align: center;
padding: 16px;
font-size: 15px
}
.shopping-cart .shopping-cart-table .shopping-cart-btn span {
padding: 20px 0px;
display: block
}
.shopping-cart .estimate-ship-tax table thead tr th .estimate-title {
font-size: 14px;
color: #555;
margin-bottom: 2px;
margin-top: 0px;
display: block
}
.shopping-cart .estimate-ship-tax table thead tr th p {
font-size: 13px;
color: #666666;
font-weight: normal;
margin-bottom: 0px
}
.shopping-cart .estimate-ship-tax table thead tr>th {
padding: 24px 10px 20px 10px
}
.shopping-cart .estimate-ship-tax table tbody tr>td {
padding: 24px 10px !important
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .selectpicker {
background: #fff;
color: #999;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
background: transparent
}
.shopping-cart .cart-shopping-total table thead tr th {
background-color: #fafafa;
text-align: right;
padding: 10px 15px;
border: none
}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total {
color: #555;
margin-bottom: 7px
}
.shopping-cart .cart-shopping-total table tbody tr td {
padding: 10px 15px
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn button {
float: right !important;
margin-bottom: 8px
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn span {
display: block;
font-weight: normal;
color: #666666
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-quantity {
text-align: center
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total span,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total span {
display: block;
font-size: 16px;
color: #555;
text-transform: uppercase
}
.shopping-cart .estimate-ship-tax table tbody tr td .form-group label,
.shopping-cart .estimate-ship-tax table tbody tr td .form-group input,
.blog-page .blog-write-comment .form-group label,
.blog-page .blog-write-comment .form-group input,
.contact-page .contact-form form label,
.contact-page .contact-form form input {
font-size: 13px;
font-weight: normal;
color: #999
}
.contact-page .contact-form form label {
font-weight: 600
}
.shopping-cart .estimate-ship-tax table tbody tr td .form-group label span,
.blog-page .blog-write-comment label span,
.contact-page .contact-form form label span,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .form-group label span {
color: red
}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total,
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
font-size: 16px
}
.shopping-cart-table table tbody tr td .quant-input {
display: inline-block;
height: 35px;
position: relative;
width: 70px
}
.shopping-cart-table table tbody tr td .quant-input .arrows {
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow {
box-sizing: border-box;
cursor: pointer;
display: block;
text-align: center;
width: 40px
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
top: 5px
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
top: -7px
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon {
position: relative
}
.shopping-cart-table table tbody tr td .quant-input input {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F2F2F2;
box-sizing: border-box;
font-size: 15px;
height: 35px;
left: 0;
padding: 0 20px 0 18px;
position: absolute;
top: 0;
width: 70px;
z-index: 1
}
.shopping-cart .col-main .cart .bg-scroll {
border-top: none;
margin-top: 20px;
overflow: hidden;
border-top: none;
border-bottom: none;
border-right: none
}
.shopping-cart .col-main .cart .cart-thead {
background: #fbfbfb;
font-weight: bold;
font-size: 13px;
clear: both;
width: 100%;
border-bottom: 1px solid #ebebeb;
border-right: none;
border-left: none;
float: left;
min-width: 600px
}
.shopping-cart .col-main .cart .cart-thead div {
float: left;
padding: 10px 0px;
color: #333;
text-align: center;
font-size: 13px
}
.shopping-cart .col-main .cart .cart-tbody {
width: 100%;
float: left
}
.shopping-cart .col-main .cart .cart-tbody .item-cart {
border-bottom: 1px solid #ebebeb;
width: 100%;
float: left
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div {
float: left;
padding: 20px 10px 6px;
line-height: 20px;
vertical-align: top;
height: 135px;
overflow: hidden
}
.shopping-cart .col-main .cart .cart-tbody .item-cart .product-image {
min-height: 75px;
display: block;
height: auto;
width: 100%;
padding: 0 20px
}
.shopping-cart .col-main .cart .item-cart .image .product-image img {
max-width: 100%;
height: auto;
max-height: 98px;
width: auto;
display: inherit;
margin: 0 auto
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div .product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 15px;
font-weight: normal;
line-height: 24px;
margin-top: 10%
}
.shopping-cart .col-main .cart .variant-title {
color: #686868
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div .price {
font-size: 16px;
font-weight: bold;
line-height: 6;
color: #f30
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div .input_qty_pr {
height: auto;
border-right: none;
width: 100%;
margin-top: 15px;
padding: 20px 0px 0px 0px
}
.shopping-cart .col-main .cart .cart-tbody .item-cart .input_qty_pr .items-count {
border: 1px solid #ddd;
outline: none;
background: #fff;
height: 24px;
width: 24px;
vertical-align: baseline;
text-align: center;
padding: 0;
display: inline-block;
margin: 0
}
.shopping-cart .col-main .cart .cart-tbody .item-cart .number-sidebar {
min-height: 0;
position: static;
display: inline-block;
float: none;
margin-bottom: 0;
border: 1px solid #ddd;
height: 24px;
margin-left: -1px;
text-align: center;
width: 23px;
margin-right: -1px;
padding: 0;
line-height: 15px
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
padding: 10px 0 6px;
position: relative
}
.shopping-cart .col-main .cart .cart-tbody .item-cart div a.remove-item span {
display: none
}
.shopping-cart .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-item {
background-color: #fff;
background-image: url(//myweb.dktcdn.net/100/177/134/themes/235073/assets/bin.png?1487919147709);
width: 22px;
height: 26px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.shopping-cart .col-main .cart .totals .inner {
padding: 0px 0 15px;
margin-top: 0;
margin-right: 1px
}
.shopping-cart .col-main .cart #shopping-cart-totals-table {
width: 100%;
padding-bottom: 8px;
background: #fff
}
.shopping-cart .col-main .cart ul.checkout {
clear: left;
padding: 20px;
border: 1px solid #ebebeb;
margin-bottom: 30px
}
.shopping-cart .col-main .cart .btn-proceed-checkout {
background: #f30;
line-height: 20px;
color: #fff;
height: 40px;
font-size: 16px;
border: none;
text-transform: uppercase
}
.shopping-cart .col-main .cart #shopping-cart-totals-table tr td.a-right {
width: 231px;
border-left: 1px solid #ebebeb
}
.shopping-cart .col-main .cart #shopping-cart-totals-table tr td {
border: #ebebeb thin solid;
border-top: none;
border-bottom: none;
padding: 20px
}
.shopping-cart .col-main .cart span.totals_price.price {
color: #f30;
font-size: 16px
}
.shopping-cart .col-main .cart .btn.btn-white {
margin-right: 10px
}
.shopping-cart .col-main .cart .btn.btn-white:hover,
.shopping-cart .col-main .cart .btn.btn-white:focus {
background-color: #f30;
border-color: #f30
}
.cart-empty .empty-icon {
display: block
}
.cart-empty .empty-icon .ico-cart {
height: 250px;
width: 250px;
background-image: url(../images/shopping-cart-empty.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
margin-left: auto;
margin-right: auto
}
@media (max-width: 569px) {
.cart-empty .empty-icon .ico-cart {
height: 100px;
width: 100px
}
}
.cart-empty .btn-cart-empty {
margin-top: 20px;
text-align: center
}
.cart-empty .btn-cart-empty a {
color: #fff;
background: #f30;
border-color: #f30;
border-radius: 2px !important;
text-transform: uppercase;
position: relative;
overflow: hidden;
z-index: 1;
display: inline-block;
padding: 15px 30px;
line-height: 1.1;
height: auto
}
.cart-empty .btn-cart-empty a:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: " ";
width: 100%;
height: 100%;
background-color: #ff471a;
border-radius: inherit;
z-index: -1;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .25s ease-in-out;
-moz-transition: -moz-transform .25s ease-in-out;
transition: transform .25s ease-in-out
}
.cart-empty .btn-cart-empty a:hover {
color: #fff
}
.cart-empty .btn-cart-empty a:hover:after {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1)
}
#order_details .thead-default {
border-top: 1px solid #ddd
}
#order_details .order_details_name_products a {
font-weight: 500
}
.home-slider.owl-carousel .owl-nav .owl-prev,
.home-slider.owl-carousel .owl-nav .owl-next {
-moz-transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
opacity: 0;
visibility: hidden
}
.home-slider.owl-carousel .owl-nav .owl-next {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
right: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
right: -50px
}
.home-slider.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.2 !important
}
.home-slider.owl-carousel .owl-nav .owl-prev {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
left: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
left: -50px
}
.home-slider.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.2 !important
}
.home-slider.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
opacity: 1;
visibility: inherit
}
.home-slider.owl-carousel:hover .owl-nav .owl-next {
right: 0;
opacity: 1;
visibility: inherit
}
.home-slider.owl-carousel .owl-dots {
display: none !important
}
.home-slider .info {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px;
text-align: center;
padding: 20px 15px;
margin: auto;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
min-height: 170px;
max-height: 250px;
max-width: 820px;
border: 2px solid transparent;
color: #fff
}
@media (max-width: 991px) {
.home-slider .info {
max-width: 520px;
padding: 15px 10px
}
}
@media (max-width: 767px) {
.home-slider .info {
max-width: 250px;
min-height: unset;
max-height: 100px;
padding: 7px
}
}
.home-slider .info .heading {
margin: 0;
text-transform: uppercase;
color: #fff
}
.home-slider .info .heading:after {
content: '';
display: block;
width: 90px;
margin-top: 10px;
border-top: 1px solid #f30;
margin: 10px auto 0
}
@media (max-width: 767px) {
.home-slider .info .heading {
font-size: 16px
}
}
.home-slider .info .caption-header {
padding-top: 20px
}
.home-slider .info a {
background-color: #f30;
border: 2px solid #f30;
color: #fff;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
line-height: 36px;
font-weight: 600
}
.home-slider .info a:hover,
.home-slider .info a:focus {
color: #f30;
background-color: #fff;
border-color: #f30
}
@media (max-width: 767px) {
.home-slider .info a {
font-size: 11px;
height: 30px;
line-height: 26px;
margin-top: 15px
}
}
.home-slider .active .info {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.home-slider .active .info:hover {
border-color: #f30
}
@media (max-width: 767px) {
.top-sliders {
margin-top: 0px !important
}
}
@media (max-width: 991px) {
.top-sliders .slider-banner-right {
margin-top: 20px
}
}
@media (max-width: 767px) {
.top-sliders .slider-banner-right {
margin-top: 10px
}
}
.top-sliders .slider-banner-right+.slider-banner-right {
margin-top: 20px
}
@media (max-width: 767px) {
.top-sliders .slider-banner-right+.slider-banner-right {
margin-top: 10px
}
}
.aside-item {
margin-bottom: 15px;
padding-bottom: 15px
}
.aside-item.collection-category .aside-title .title-head {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 0;
margin-top: 0;
margin-bottom: 10px;
padding: 10px;
text-align: center;
position: relative;
text-transform: uppercase;
background-color: #f30
}
.aside-item.collection-category .aside-hidden-mobile .filter-container .aside-item .aside-title .title-head {
border: none;
padding: 0;
margin-bottom: 10px;
background-color: transparent;
font-size: 14px
}
.aside-item.collection-category .aside-content {
border-top: none;
border-radius: 0 0 3px 3px
}
.aside-item.collection-category .nav li a {
font-size: 14px;
padding-left: 5px;
padding-right: 25px;
color: #363f4d;
white-space: normal;
position: relative;
display: table;
width: 100%
}
.aside-item.collection-category .nav li a:hover,
.aside-item.collection-category .nav li a:focus {
color: #f30;
background-color: transparent
}
.aside-item.collection-category .nav li a i.fa-caret-right {
display: table-cell;
width: 10px !important
}
.aside-item.collection-category .nav>li>a .fa {
position: relative;
top: 0 !important;
right: 0 !important;
width: auto !important
}
.aside-item.collection-category .nav>li:last-child>a {
border-bottom: none
}
.aside-item.collection-category .nav>li.nav-item .fa {
top: 7px
}
.aside-item.collection-category .nav>li.nav-item .dropdown-menu .nav-item .fa {
top: 5px
}
.aside-item .heading .title-head {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 0;
margin-top: 0;
margin-bottom: 10px;
padding: 10px;
position: relative;
border-radius: 2px;
background-color: #f30;
text-transform: uppercase
}
.aside-item .heading .title-head a {
color: #fff
}
.aside-item .heading .title-head a:hover,
.aside-item .heading .title-head a:focus {
color: #fff
}
.aside-item .list-blogs .blog-item {
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
border-bottom: 1px solid #f3f3f3;
padding-bottom: 15px;
}
.aside-item .list-blogs .blog-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: o;
}
.aside-item .list-blogs .blog-item-name {
margin: 0;
font-size: 15px;
font-weight: normal;
margin-bottom: 5px
}
.aside-item .list-blogs .blog-item-name a {
color: #363f4d;
font-weight: 500;
}
.aside-item .list-blogs .blog-item-name a:hover,
.aside-item .list-blogs .blog-item-name a:focus {
color: #f30
}
.aside-item .list-blogs .panel-box-media {
display: block;
float: left;
width: 115px;
margin-right: 10px;
overflow: hidden;
}
.aside-item .list-blogs .panel-box-media img {
width: 100%;
height: auto;
}
.aside-item .list-blogs .blogs-rights {
/*padding-left: 80px*/
}
.aside-item .list-blogs .post-time {
font-size: 11px;
font-style: italic;
color: #aaa
}
.aside-item .blogs-mores {
margin-top: 5px
}
.aside-item .blogs-mores a {
color: #363f4d
}
.aside-item .blogs-mores a:hover,
.aside-item .blogs-mores a:focus {
color: #f30
}
.aside-item .aside-title .title-head {
text-transform: uppercase;
color: #000;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px
}
.aside-item .field-search {
margin-bottom: 10px
}
.aside-item .field-search input {
min-height: 30px;
border: 1px solid #e5e5e5;
border-radius: 0;
padding: 0 7px
}
.aside-item .field-search button {
height: 34px;
line-height: 30px;
padding: 0 10px;
background-color: #f30;
color: #fff
}
.aside-item.aside-blog-promotion .heading .title-head a {
color: #fff
}
.aside-item.aside-blog-promotion .heading .title-head a:hover,
.aside-item.aside-blog-promotion .heading .title-head a:focus {
color: #fff
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blogs-rights .blog-item-name {
font-weight: 500;
margin-top: 10px;
font-size: 14px
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blogs-rights .blog-item-name a {
color: #363f4d
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blogs-rights .blog-item-name a:hover,
.aside-item.aside-blog-promotion .blogs-promotion-big .blogs-rights .blog-item-name a:focus {
color: #f30
}
@media (max-width: 991px) {
.aside-item.aside-blog-promotion .blogs-promotion-big .panel-box-media {
display: block;
float: left;
width: 70px;
margin-right: 10px
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blogs-rights {
padding-left: 80px
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blog-item-name {
margin: 0 !important;
font-size: 13px !important;
font-weight: normal !important
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blog-item-name a {
color: #363f4d
}
.aside-item.aside-blog-promotion .blogs-promotion-big .blog-item-name a:hover,
.aside-item.aside-blog-promotion .blogs-promotion-big .blog-item-name a:focus {
color: #f30
}
}
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item {
margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px
}
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item-name {
margin: 0;
font-size: 13px;
font-weight: 500
}
@media (max-width: 991px) {
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item-name {
font-weight: normal !important
}
}
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item-name a {
color: #363f4d
}
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item-name a:hover,
.aside-item.aside-blog-promotion .blogs-promotion-small .blog-item-name a:focus {
color: #f30
}
.aside-item.aside-blog-promotion .blogs-promotion-small .panel-box-media {
display: block;
float: left;
width: 70px;
margin-right: 10px
}
.aside-item.aside-blog-promotion .blogs-promotion-small .blogs-rights {
padding-left: 80px
}
.aside-item.aside-blog-promotion .blogs-promotion-small .post-time {
font-size: 11px;
font-style: italic
}
.aside-item.banner {
border: 1px dashed #e5e5e5;
padding: 10px;
margin-bottom: 15px
}
.aside-item.banner .aside-title {
padding-bottom: 10px;
border-bottom: 1px dashed #e5e5e5;
margin-bottom: 10px
}
.aside-item.banner .aside-title .title-head {
margin-bottom: 0;
color: #f30
}
.list-blog-page .box-heading {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e9ec
}
.list-blog-page .box-heading .title-head {
font-weight: 500;
margin: 0;
font-size: 22px;
text-transform: uppercase
}
.list-blog-page .blog-later-news h2 {
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 0;
margin-top: 0;
margin-bottom: 20px;
padding: 10px;
position: relative;
border-radius: 2px;
background-color: #f30;
text-transform: uppercase
}
.list-blog-page .list-blogs .blog-item {
margin-bottom: 20px
}
@media (max-width: 767px) {
.list-blog-page .list-blogs .blog-item {
margin-bottom: 15px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px
}
}
.list-blog-page .list-blogs .blog-item .blog-item-thumbnail {
float: left;
width: 250px;
height: auto;
margin-right: 10px;
overflow: hidden;
position: relative
}
@media (max-width: 480px) {
.list-blog-page .list-blogs .blog-item .blog-item-thumbnail {
width: 160px;
margin-bottom: 10px
}
}
.list-blog-page .list-blogs .blog-item .blog-item-mains {
padding-left: 260px
}
@media (max-width: 480px) {
.list-blog-page .list-blogs .blog-item .blog-item-mains {
padding-left: 0
}
}
.list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name {
display: block;
font-size: 20px;
color: #444;
font-weight: 500;
margin-bottom: 10px
}
@media (max-width: 480px) {
.list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-name {
font-size: 15px
}
}
.list-blog-page .list-blogs .blog-item .blog-item-mains .post-time {
font-size: 13px;
color: #aaa;
margin-bottom: 7px
}
.list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-summary {
color: #4d4d4d
}
@media (max-width: 767px) {
.list-blog-page .list-blogs .blog-item .blog-item-mains .blog-item-summary {
display: none
}
}
.list-blog-page .list-blogs .blog-item:hover h3 {
color: #f30 !important
}
.main-home-news-block {
margin-bottom: 30px
}
.main-home-news-block .main-home {
position: relative;
overflow: hidden
}
.main-home-news-block .main-home a {
display: block
}
.main-home-news-block .main-home:before {
position: absolute;
display: block;
width: 100%;
height: 22%;
bottom: 0;
left: 0;
content: '';
background: rgba(0, 0, 0, 0.1);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.9)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.9) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.9) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.9) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.9) 100%);
opacity: .95;
text-align: center;
box-sizing: border-box;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
z-index: 1
}
.main-home-news-block .main-home img {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
width: 100%
}
.main-home-news-block .main-home .main-home-content {
background: #cac3c3;
position: absolute;
left: 0;
opacity: 0.8;
bottom: 0;
z-index: 1;
color: #fff;
padding: 15px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media (max-width: 480px) {
.main-home-news-block .main-home .main-home-content {
left: 10px;
bottom: 15px
}
}
.main-home-news-block .main-home .main-home-content h3 {
margin: 0;
font-size: 22px;
color: #fff
}
@media (max-width: 480px) {
.main-home-news-block .main-home .main-home-content h3 {
font-size: 13px
}
}
@media (max-width: 480px) {
.main-home-news-block .main-home .main-home-content .posts {
font-size: 11px
}
}
.main-home-news-block .main-home:hover img {
-webkit-transform: scale(1.12);
transform: scale(1.12)
}
.main-home-news-block .main-home:hover .main-home-content {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px)
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-prev,
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-next {
-moz-transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
opacity: 0;
visibility: hidden
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-next {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
right: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
right: -50px
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.2 !important
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-prev {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
left: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
left: -50px
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.2 !important
}
.main-home-news-block .main-home-news-owl.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
opacity: 1;
visibility: inherit
}
.main-home-news-block .main-home-news-owl.owl-carousel:hover .owl-nav .owl-next {
right: 0;
opacity: 1;
visibility: inherit
}
.main-home-news-block .main-home-news-owl.owl-carousel .owl-item.active {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.article-wraper .article-main .title-head {
font-weight: 500;
font-size: 22px;
padding: 0px 0 10px;
margin-bottom: 0;
margin-top: 0
}
.article-wraper .article-main .postby {
font-size: 12px;
color: #b2b2b2;
margin: 8px 0
}
.article-wraper .article-main .article-content iframe {
max-width: 100%
}
.article-wraper .article-main .article-content img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
height: auto !important
}
@media (max-width: 480px) {
.article-wraper .article-main .article-content img {
margin-left: -7px;
width: 100vw !important;
max-width: unset !important
}
}
.article-wraper .article-main .article-content .service-scroll-image img {
-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
border-radius: 5px
}
.article-wraper .article-main .article-content h2 {
font-size: 17px;
font-weight: 500
}
.article-wraper .article-main .blog_related {
margin-bottom: 15px;
margin-top: 15px;
background: #dbedf9;
border: 1px solid #c7e4f4;
border-radius: 4px;
padding: 10px
}
.article-wraper .article-main .blog_related h2 {
color: #222;
margin: 0;
font-size: 18px;
margin-bottom: 5px;
font-weight: 500;
text-transform: uppercase
}
@media (max-width: 480px) {
.article-wraper .article-main .blog_related h2 {
font-size: 16px
}
}
.article-wraper .article-main .blog_related .blog_entry {
margin-bottom: 7px
}
@media (max-width: 767px) {
.article-wraper .article-main .blog_related .blog_entry {
margin-bottom: 7px
}
}
.article-wraper .article-main .blog_related .blog_entry h3 {
margin: 0;
font-size: 14px;
font-weight: normal
}
@media (max-width: 767px) {
.article-wraper .article-main .blog_related .blog_entry h3 {
margin-top: 0
}
}
.article-wraper .article-main .blog_related .blog_entry h3 a {
font-size: 14px;
color: #167ac6
}
.article-wraper .article-main .blog_related .blog_entry h3 a:hover,
.article-wraper .article-main .blog_related .blog_entry h3 a:focus {
color: #333;
text-decoration: none
}
.article-wraper .article-main .blog_related .blog_entry h3 a:hover i,
.article-wraper .article-main .blog_related .blog_entry h3 a:focus i {
color: #0657a3
}
.article-wraper .article-main .blog_related .blog_entry .tempvideo {
position: relative;
height: 128px
}
@media (max-width: 1024px) {
.article-wraper .article-main .blog_related .blog_entry .tempvideo {
height: 103px
}
}
@media (max-width: 991px) {
.article-wraper .article-main .blog_related .blog_entry .tempvideo {
height: 105px
}
}
@media (max-width: 767px) {
.article-wraper .article-main .blog_related .blog_entry .tempvideo {
width: 100px;
height: 70px;
float: left;
margin-right: 10px
}
}
.article-wraper .article-main .blog_related .blog_entry .tempvideo img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media (max-width: 767px) {
.article-wraper .article-main .blog_related .pagination .page-item.active .page-link {
background-color: #f8f8f8
}
}
.article-wraper .article-main #RelatedProducts .feature_category_title .title-head {
padding-bottom: 0
}
.article-wraper .article-main #RelatedProducts .products {
border-top: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
overflow: hidden
}
.article-wraper .article-main #RelatedProducts .products .product-box {
border-bottom: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
padding: 3px;
margin-bottom: 0
}
.article-wraper .article-main.article-service .title-head {
color: #f30;
text-transform: uppercase;
position: relative
}
.article-wraper .article-main.article-service .title-head:before {
content: "";
height: 4px;
width: 100px;
background-color: #f30;
position: absolute;
left: 0;
bottom: 10px
}
.article-wraper .article-main.article-service .fix-content-service {
margin-top: 40px
}
.article-wraper .article-main.article-service .fix-content-service h2:first-child {
font-size: 24px;
padding-left: 20px;
text-transform: uppercase;
color: #f30;
position: relative
}
@media (max-width: 480px) {
.article-wraper .article-main.article-service .fix-content-service h2:first-child {
font-size: 18px
}
}
.article-wraper .article-main.article-service .fix-content-service h2:first-child:before {
content: '\f105';
font-family: "fontawesome";
font-size: 25px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%)
}
@media (max-width: 480px) {
.article-wraper .article-main.article-service .fix-content-service h2:first-child:before {
font-size: 18px
}
}
.article-wraper .article-main.article-service .fix-content-service .service-scrolls {
max-height: 280px;
overflow-y: scroll
}
.article-wraper .article-main.article-service .fix-content-service .service-scrolls img:first-child {
display: none
}
.article-wraper .article-main.article-service .fix-content-service .service-scrolls::-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
}
.article-wraper .article-main.article-service .fix-content-service .service-scrolls::-webkit-scrollbar {
width: 5px;
background-color: #f30
}
.article-wraper .article-main.article-service .fix-content-service .service-scrolls::-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: #f30
}
.article-wraper .article-main.article-service .fix-content-service:nth-child(2n+1) .service-scroll-image {
left: 50%
}
@media (max-width: 991px) {
.article-wraper .article-main.article-service .fix-content-service:nth-child(2n+1) .service-scroll-image {
left: 0
}
}
.article-wraper .article-main.article-service .fix-content-service:nth-child(2n+1) .service-scroll {
right: 50%
}
@media (max-width: 991px) {
.article-wraper .article-main.article-service .fix-content-service:nth-child(2n+1) .service-scroll {
right: 0
}
}
.article-wraper .article-main.article-service .fix-content-service .service-cta {
margin-top: 15px
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon {
height: 46px;
width: auto;
border-radius: 22px;
padding-left: 50px;
padding-right: 40px;
padding-top: 2px;
margin-right: 20px;
border: 2px solid #f30;
display: inline-block;
outline: none;
text-transform: uppercase;
color: #f30;
background: #fff;
font-size: 13px;
position: relative;
font-weight: 500
}
@media (max-width: 480px) {
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon {
padding-right: 35px;
margin-right: 10px
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon:last-child {
margin-right: 0
}
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon:before {
content: '';
width: 22px;
height: 45px;
position: absolute;
left: -1px;
top: -2px;
background: #cc2900;
border-top-left-radius: 22px;
border-bottom-left-radius: 22px
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon:after {
content: '';
width: 22px;
height: 45px;
position: absolute;
left: 21px;
top: -2px;
background: #f30;
border-top-right-radius: 22px;
border-bottom-right-radius: 22px
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon span:before {
background-image: url(../images/call.png);
content: '';
width: 30px;
height: 30px;
left: 6px;
top: 6px;
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute
}
.article-wraper .article-main.article-service .fix-content-service .service-cta .btn-icon.btn-form span:before {
background-image: url(../images/support.png)
}
.article-wraper .article-main.article-service .article-content img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
height: auto !important
}
.article-wraper .article-main.article-service .article-content .service-scroll-image img {
-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
border-radius: 5px
}
@media (max-width: 991px) {
.article-wraper .article-main.article-service .article-content .service-scroll-image img {
margin-bottom: 20px
}
}
.article-wraper .tag_article {
border: 1px solid #f0f0f0;
padding: 7px;
border-radius: 4px
}
.article-wraper .tag_article span {
font-weight: 500
}
.article-wraper .tag_article a {
color: #167ac6;
font-size: 12px
}
.article-wraper .tag_article a:hover,
.article-wraper .tag_article a:focus {
color: #f30
}
.article-wraper #article_comments h5 {
margin-bottom: 5px
}
.article-wraper #article_comments p {
font-size: 12px;
line-height: 23px;
color: #999
}
.article-wraper #article_comments .form-group {
margin-bottom: 10px
}
#article_comments {
margin-bottom: 15px
}
.related-product .home-title h2 {
display: block;
font-size: 20px;
margin: 0;
color: #222;
text-align: left;
border-bottom: 2px solid #eee;
padding-bottom: 12px;
margin-bottom: 14px;
text-transform: uppercase;
position: relative;
font-weight: 500
}
@media (max-width: 480px) {
.related-product .home-title h2 {
font-size: 20px
}
}
.related-product .home-title h2 a {
color: #222
}
.related-product .home-title h2 a:hover,
.related-product .home-title h2 a:focus {
color: #f30
}
.related-product .home-title h2:after {
left: 0;
bottom: -2px;
content: "";
width: 100%;
height: 2px;
display: inline-block;
background: #f30;
position: absolute
}
.related-product .section-tour-owl.owl-carousel .owl-nav {
position: absolute;
right: 0;
top: -58px
}
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-prev,
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-next {
font-size: 16px;
z-index: 2;
width: 33px;
height: 33px;
-webkit-transition: .3s;
transition: .3s;
color: #333;
border: none;
border-radius: 5px;
background: #f2f2f2;
text-align: center;
line-height: 33px;
position: relative;
display: inline-block
}
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-prev i,
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-next i {
font-size: 18px
}
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-prev:hover,
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-prev:focus,
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-next:hover,
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-next:focus {
color: #fff;
background-color: #f30
}
.related-product .section-tour-owl.owl-carousel .owl-nav .owl-next {
margin-left: 10px
}
.related-product .section-tour-owl.owl-carousel .owl-dots {
display: none !important
}
.related-product .section-tour-owl.owl-carousel .owl-item.active {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.related-product .section-tour-owl.owl-carousel .owl-item .ant-single-product {
margin-bottom: 0
}
.related-product .section-tour-owl.owl-carousel .owl-item .item {
padding: 0 10px
}
.related-product .ant-single-product .ant-single-product-image a {
display: block;
height: 208px;
position: relative
}
@media (max-width: 1024px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 168px
}
}
@media (max-width: 991px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 223px
}
}
@media (max-width: 767px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 667px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 569px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 480px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 185px
}
}
@media (max-width: 376px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 165px
}
}
@media (max-width: 321px) {
.related-product .ant-single-product .ant-single-product-image a {
height: 138px
}
}
.related-product .ant-single-product .ant-single-product-image a img {
width: auto !important;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.mobile-main-menu {
height: 100%;
overflow-y: auto;
width: 290px;
position: fixed;
background-color: #fff;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
z-index: 999999 !important;
top: 0 !important;
left: 0;
-webkit-transform: translateX(-290px);
-ms-transform: translateX(-290px);
transform: translateX(-290px)
}
.mobile-main-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px transparent;
-moz-box-shadow: inset 0 0 0px transparent;
border-radius: 0px;
background-color: #fff
}
.mobile-main-menu::-webkit-scrollbar {
width: 0px;
background-color: #fff
}
.mobile-main-menu::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 0px transparent;
-moz-box-shadow: inset 0 0 0px transparent;
background-color: #e5e5e5
}
.mobile-main-menu.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.mobile-main-menu .drawer-header {
background-color: #f30
}
.mobile-main-menu .drawer-header .drawer-header--auth {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0px 16px;
margin-top: 0;
padding: 15px 0
}
.mobile-main-menu .drawer-header .drawer-header--auth ._object {
width: 40px;
height: 40px;
margin-right: 16px;
border-radius: 50%;
overflow: hidden
}
.mobile-main-menu .drawer-header .drawer-header--auth ._body {
color: #fff;
font-size: 12px
}
.mobile-main-menu .ul-first-menu {
padding-top: 8px;
padding-bottom: 8px;
flex-grow: initial;
flex: 1 1 auto;
margin: 0;
padding: 0;
position: relative;
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}
.mobile-main-menu .ul-first-menu li {
display: flex;
position: relative;
align-items: center;
justify-content: flex-start;
text-decoration: none
}
.mobile-main-menu .ul-first-menu li a {
display: block;
padding: 5px 10px;
color: rgba(0, 0, 0, 0.87);
width: 100%;
line-height: 1.1
}
.mobile-main-menu .ul-first-menu li a i {
width: 24px;
color: rgba(0, 0, 0, 0.54);
height: 24px;
font-size: 20px;
flex-shrink: 0;
margin-right: 5px
}
.mobile-main-menu .mobile-support {
padding: 10px;
position: absolute;
bottom: 0;
width: 100%;
}
.mobile-main-menu .mobile-support .drawer-text-support {
color: #757575;
font-size: 16px;
text-transform: uppercase
}
.mobile-main-menu .mobile-support li {
display: table
}
.mobile-main-menu .mobile-support li i {
display: table-cell;
width: 20px
}
.mobile-main-menu .mobile-support li a {
color: #f30
}
.mobile-main-menu .la-action-link-nav {
margin-top: 15px
}
.mobile-main-menu .la-action-link-nav>a {
text-transform: uppercase;
height: 35px;
line-height: 35px;
color: #FFF;
border: 1px solid rgba(255, 255, 255, 0.5);
margin-right: 5px;
display: inline-block;
width: 120px;
text-align: center
}
.mobile-main-menu .la-action-link-nav>a:last-child {
margin-right: 0px
}
.mobile-main-menu .la-scroll-fix-infor-user {
height: calc(100% - 160px);
height: -moz-calc(100% - 160px);
height: -webkit-calc(100% - 160px);
height: -o-calc(100% - 160px);
overflow: auto
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-title-nav-items {
padding: 10px;
color: #757575;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 0
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items {
position: relative;
background: #FFF;
min-height: 250px;
overflow-y: auto
}
@media (min-width: 767px) and (max-width: 991px) {
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items {
height: 55vh
}
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items li {
width: 100%;
float: left;
padding: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
overflow: hidden
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items li a {
display: block;
color: #444;
font-size: 16px;
width: 100%;
height: 100%;
padding: 10px;
padding-right: 0px;
position: relative
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 a,
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child2 a {
position: relative
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 a i,
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child2 a i {
padding: 3px 0;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
height: 25px;
width: 25px;
line-height: 25px;
text-align: center
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 a i.active:before,
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child2 a i.active:before {
content: "\f068"
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 .ul-has-child1 {
padding-left: 10px;
display: none
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 .ul-has-child1 li {
border: none
}
.mobile-main-menu .la-scroll-fix-infor-user .la-nav-menu-items .la-nav-list-items .ng-has-child1 .ul-has-child1 .ul-has-child2 {
padding-left: 20px;
display: none
}
.level1 {
padding-left: 20px;
}
.backdrop__body-backdrop___1rvky {
visibility: hidden;
position: fixed;
opacity: 0;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.55);
z-index: 9999;
transition: opacity .5s ease
}
.backdrop__body-backdrop___1rvky.active {
transition: opacity .5s ease;
visibility: visible;
opacity: 1
}
.search-main form input {
border: 1px solid #e5e5e5;
border-radius: 3px
}
.search-main form button {
color: #fff;
background-color: #f30;
border-radius: 3px
}
.search-main form button:hover,
.search-main form button:focus {
color: #fff;
background-color: #cc2900
}
.search-main .ant-single-product .ant-single-product-image a {
display: block;
height: 189px;
position: relative
}
@media (max-width: 1024px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 152px
}
}
@media (max-width: 991px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 220px
}
}
@media (max-width: 767px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 667px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 569px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 250px
}
}
@media (max-width: 480px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 183px
}
}
@media (max-width: 376px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 164px
}
}
@media (max-width: 321px) {
.search-main .ant-single-product .ant-single-product-image a {
height: 136px
}
}
.search-main .ant-single-product .ant-single-product-image a img {
width: auto !important;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.page-contact .page-login .title-head {
text-transform: uppercase;
color: #36424b;
font-weight: 500;
font-size: 18px;
margin-top: 0;
margin-bottom: 10px
}
.page-contact .page-login .text-contact {
font-style: italic;
color: #707e89
}
.bread-crumb {
padding: 10px 0;
margin: 0;
border-bottom: 1px solid #f0f0f0
}
@media (max-width: 767px) {
.bread-crumb {
margin-bottom: 10px !important
}
}
.bread-crumb h4 {
margin-top: 0;
text-transform: uppercase;
color: #36424b;
font-weight: 500;
font-size: 22px;
margin-bottom: 3px
}
.bread-crumb .breadcrumb {
background: transparent;
color: rgba(112, 126, 137, 0.5);
padding: 0
}
.bread-crumb .breadcrumb a {
color: #707e89
}
.right_module .similar-product .right-bestsell h2 {
margin: 0;
color: #333;
font-size: 18px;
font-weight: 500;
position: relative;
background: #F00;
margin-bottom: 5px;
padding: 10px 0 0;
height: 45px;
border-top: 0;
}
.right_module .similar-product .right-bestsell h2 a {
text-transform: uppercase;
color: #FFF;
padding: 15px;
}
.right_module .similar-product .right-bestsell h2 a:hover,
.right_module .similar-product .right-bestsell h2 a:focus {
color: #FF0
}
.right_module .similar-product .right-bestsell h2:after {
content: "";
width: 100%;
border-top: 0;
height: 3px;
position: absolute;
top: 30px;
left: 0px
}
.right_module .similar-product .right-bestsell .list-bestsell {
border: 1px solid #e5e5e5
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item {
border-bottom: 1px solid #e9e9e9
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item:last-child {
border-bottom: none
}
@media (min-width: 565px) and (max-width: 991px) {
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item:last-child {
border-bottom: 1px solid #e9e9e9
}
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container {
padding: 10px 5px
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-image {
width: 80px;
margin-right: 10px;
float: left
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta {
padding-left: 90px
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 {
margin-top: 10px;
font-size: 14px;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
/*white-space: nowrap;*/
font-weight: 400;
margin-top: 0
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 a {
color: #333
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 a:hover,
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta h3 a:focus {
color: #f30;
text-decoration: none
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .product-price-and-shipping .price {
color: #f30;
font-weight: 500;
font-size: 14px
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .product-price-and-shipping .regular-price {
margin-left: 7px;
color: #696969;
font-size: 12px;
font-weight: 500;
text-decoration: line-through
}
@media (min-width: 1023px) and (max-width: 1024px) {
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .product-price-and-shipping .regular-price {
margin-left: 0;
display: block
}
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .myweb-product-reviews-badge {
display: block
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .myweb-product-reviews-badge .myweb-product-reviews-star {
padding: 0
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .myweb-product-reviews-badge .myweb-product-reviews-star i {
font-size: 12px;
color: #f0ca6c !important
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .myweb-product-reviews-badge div:nth-child(2),
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-meta .myweb-product-reviews-badge div:nth-child(3) {
display: none
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item:hover .thumbnail-container .product-meta h3 a {
color: #f30
}
@media (max-width: 991px) {
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item {
width: 50%;
float: left
}
}
@media (max-width: 480px) {
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item {
width: 100%;
float: none
}
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-image {
position: relative;
height: 80px
}
.right_module .similar-product .right-bestsell .list-bestsell .list-bestsell-item .thumbnail-container .product-image img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.category-products .sort-cate {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
display: block;
padding: 5px 0
}
.category-products .sort-cate .sort-cate-left {
float: left;
margin-top: 5px
}
.category-products .sort-cate .sort-cate-left h3 {
color: #000;
font-size: 14px;
float: left;
margin: 0;
margin-top: 2px
}
.category-products .sort-cate .sort-cate-left ul {
display: inline-block
}
.category-products .sort-cate .sort-cate-left ul li {
float: left;
padding: 0 0 0 10px
}
.category-products .sort-cate .sort-cate-left ul li a {
color: #000;
font-size: 14px;
position: relative
}
.category-products .sort-cate .sort-cate-left ul li a i {
height: 16px;
width: 16px;
border: 2px solid #ddd;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin: -3px 5px 0 0;
position: relative
}
.category-products .sort-cate .sort-cate-left ul li:hover i,
.category-products .sort-cate .sort-cate-left ul li.active i {
border: 2px solid #f30;
height: 16px;
width: 16px
}
.category-products .sort-cate .sort-cate-left ul li:hover i:before,
.category-products .sort-cate .sort-cate-left ul li.active i:before {
content: "";
width: 8px;
height: 8px;
background-color: #f30;
position: absolute;
border-radius: 50%;
margin: 2px
}
.category-products .sort-cate .sort-cate-right {
float: right
}
.category-products .sort-cate .sort-cate-right h3 {
color: #000;
font-size: 14px;
font-weight: normal;
float: left;
margin: 0;
margin-top: 5px;
margin-right: 5px
}
.category-products .sort-cate .sort-cate-right .view-mode {
display: inline-block
}
@media (max-width: 480px) {
.category-products .sort-cate .sort-cate-right .view-mode {
text-align: center;
display: block
}
}
.category-products .sort-cate .sort-cate-right .view-mode a {
border: 1px solid #eaeced;
width: 65px;
display: inline-block;
color: #333;
font-size: 14px;
height: auto;
line-height: inherit;
float: left;
border-radius: 0;
height: 30px;
line-height: 30px
}
@media (min-width: 413px) and (max-width: 415px) {
.category-products .sort-cate .sort-cate-right .view-mode a {
width: 90px
}
}
@media (min-width: 374px) and (max-width: 380px) {
.category-products .sort-cate .sort-cate-right .view-mode a {
width: 80px
}
}
.category-products .sort-cate .sort-cate-right .view-mode a.active,
.category-products .sort-cate .sort-cate-right .view-mode a:hover {
color: #f30
}
.category-products .sort-cate .sort-cate-right .view-mode a+a {
margin-left: 5px
}
@media (max-width: 480px) {
.category-products .sort-cate .sort-cate-right .view-mode a {
float: none
}
}
@media (max-width: 480px) {
.category-products .sort-cate .sort-cate-right {
width: 50%
}
.category-products .sort-cate .sort-cate-right h3 {
display: block;
text-align: left;
margin-right: 0;
float: none
}
}
@media (max-width: 480px) {
.category-products .sort-cate .sort-cate-right-mobile {
width: 100%;
float: left
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by {
float: none
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by .left {
display: block;
float: left;
line-height: 1.4;
font-weight: normal;
margin-right: 10px;
margin-top: 5px
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by ul {
float: none
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by ul>li {
border: 1px solid #eaeced;
padding: 0 5px;
width: 137px;
line-height: 28px
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by ul ul {
background-color: #fff;
border-top: none
}
.category-products .sort-cate .sort-cate-right-mobile #sort-by ul ul li {
width: 100%;
border: none
}
}
.category-products .products-view-grid {
border-left: 1px solid #eee;
border-top: 1px solid #eee
}
.category-products .products-view-grid .item-border {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee
}
.category-products .products-view-grid .item-border .news-item-products {
padding: 10px;
text-align: center;
min-height: 290px
}
@media (max-width: 1024px) {
.category-products .products-view-grid .item-border .news-item-products {
min-height: 260px
}
}
@media (max-width: 767px) {
.category-products .products-view-grid .item-border .news-item-products {
min-height: 260px;
padding: 5px
}
.category-products .products-view-grid .item-border .news-item-products h3 {
margin: 0;
font-size: 12px
}
.category-products .products-view-grid .item-border .news-item-products .price strong {
font-size: 12px
}
.category-products .products-view-grid .item-border .news-item-products .price span {
font-size: 10px;
margin-left: 3px
}
}
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 209px
}
.category-products .products-view-grid .item-border .news-item-products .fix-images img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media (max-width: 1024px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 169px
}
}
@media (max-width: 991px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 223px
}
}
@media (max-width: 767px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 668px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 569px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 189px
}
}
@media (max-width: 480px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 376px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 170px
}
}
@media (max-width: 321px) {
.category-products .products-view-grid .item-border .news-item-products .fix-images {
height: 142px
}
}
.category-products .products-view-grid .text-xs-right {
position: relative
}
.category-products .products-view-grid .text-xs-right:before {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: #fff;
position: absolute;
left: -10px
}
@media (max-width: 991px) {
.aside-filter {
display: none
}
}
.aside-filter .heading {
float: left;
color: #f30;
font-weight: 600;
padding: 5px 10px;
padding-left: 0;
width: 80px
}
.aside-filter .aside-hidden-mobile {
display: block;
float: left;
position: relative;
width: calc(100% - 80px)
}
@media (max-width: 991px) {
.aside-filter .aside-hidden-mobile {
width: 100%;
padding: 5px 10px;
background-color: #fff;
border: 1px solid #e5e5e5;
margin-bottom: 10px
}
}
.aside-filter .aside-hidden-mobile .aside-item {
display: inline-block;
float: left;
position: relative;
margin-bottom: 0;
padding-bottom: 0
}
@media (max-width: 991px) {
.aside-filter .aside-hidden-mobile .aside-item {
width: 50%;
display: block;
margin-bottom: 10px;
padding: 0 10px
}
}
@media (max-width: 767px) {
.aside-filter .aside-hidden-mobile .aside-item {
width: 100%;
padding: 0
}
}
.aside-filter .aside-hidden-mobile .aside-item .aside-title {
padding: 5px 15px;
position: relative
}
@media (max-width: 991px) {
.aside-filter .aside-hidden-mobile .aside-item .aside-title {
font-weight: 600
}
}
@media (max-width: 767px) {
.aside-filter .aside-hidden-mobile .aside-item .aside-title {
padding: 5px 0
}
}
.aside-filter .aside-hidden-mobile .aside-item .aside-title:before {
position: absolute;
content: '\f107';
font-family: FontAwesome;
right: 0;
top: 50%;
transform: translate(0, -50%)
}
.aside-filter .aside-hidden-mobile .aside-item .aside-content {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 3px;
z-index: 2;
padding: 6px;
position: absolute;
min-width: 200px;
display: none
}
@media (max-width: 991px) {
.aside-filter .aside-hidden-mobile .aside-item .aside-content {
display: block;
position: relative;
width: 100%;
border: none;
padding: 0
}
}
.aside-filter .aside-hidden-mobile .aside-item .aside-content:before {
border: 9px solid transparent;
border-bottom: 9px solid #efefef;
margin-left: -9px;
bottom: 100%;
left: 20%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
@media (max-width: 991px) {
.aside-filter .aside-hidden-mobile .aside-item .aside-content:before {
display: none
}
}
.aside-filter .aside-hidden-mobile .aside-item.active .aside-content {
display: block
}
@media (min-width: 1024px) {
.aside-filter .aside-hidden-mobile .aside-item:first-child .aside-title {
padding-left: 0
}
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul {
display: inline-block
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li {
background: #f30;
border-radius: 3px;
padding: 3px 5px 3px 10px;
color: #fff;
display: inline-block;
cursor: pointer;
margin-right: 10px;
margin-bottom: 10px
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li i {
margin-left: 5px
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li a {
color: #fff
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+1) {
background: #0099e5
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+2) {
background: #ff4c4c
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+3) {
background: #34bf49
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+4) {
background: #fbb034
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+5) {
background: #30c39e
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+6) {
background: #da1884
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+7) {
background: #0077c8
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+8) {
background: #ff9933
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+9) {
background: #ff4f81
}
.aside-filter .filter-containers .filter-container__selected-filter-list ul li:nth-child(2n+10) {
background: #2dde98
}
.aside-filter .filter-containers .filter-container__selected-filter-list .filter-container__clear-all {
background: #ff0000;
border-radius: 3px;
padding: 3px 5px 3px 10px;
color: #fff;
display: inline-block;
cursor: pointer
}
.aside-filter .filter-containers .filter-container__selected-filter-list .filter-container__clear-all::after {
content: "x";
display: inline-block;
margin-left: 5px
}
.sidebar-additional .services-sidebar {
background-color: #fff;
padding: 0;
border: 1px solid #e5e9ec
}
.sidebar-additional .services-sidebar .service-content {
border-bottom: 1px solid #e5e9ec;
padding: 15px 10px;
text-align: center;
display: table
}
.sidebar-additional .services-sidebar .service-content .service-icon {
display: table-cell;
width: 40px;
text-align: center;
vertical-align: middle
}
.sidebar-additional .services-sidebar .service-content .service-info {
margin-left: 10px;
text-align: left
}
.sidebar-additional .services-sidebar .service-content .service-info h4 {
font-size: 14px;
font-weight: 500;
margin: 0
}
.sidebar-additional .services-sidebar .service-content .service-info p {
margin: 0;
color: #707070;
font-size: 13px
}
.sidebar-additional .services-sidebar .service-content .service-info p a {
color: #707070
}
.sidebar-additional .services-sidebar .service-content .service-info p a:hover,
.sidebar-additional .services-sidebar .service-content .service-info p a:focus {
color: #f30
}
@media (min-width: 1024px) {
.search-main .products-view-grid .col-xs-6:nth-child(4n+1) {
clear: left
}
}
@media (min-width: 768px) and (max-width: 991px) {
.search-main .products-view-grid .col-xs-6:nth-child(3n+1) {
clear: left
}
}
@media (max-width: 767px) {
.search-main .products-view-grid .col-xs-6:nth-child(2n+1) {
clear: left
}
}
.box-maps {
height: 350px;
overflow: hidden
}
.box-maps iframe {
height: 350px;
width: 100%
}
.search-more {
margin-top: 0
}
.grecaptcha-badge {
display: none !important
}
.total_address a {
color: #f30
}
footer {
background-color: #fff;
margin-top: 15px;
padding-top: 10px
}
footer .footer-widget h3 {
font-size: 14px;
font-weight: 600;
color: #4a4a4a;
margin: 0 0 12px;
padding-bottom: 0;
display: block
}
@media (max-width: 767px) {
footer .footer-widget h3 {
position: relative;
padding-top: 0
}
footer .footer-widget h3:before {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
color: #4a4a4a
}
footer .footer-widget h3.active:before {
content: "\f106"
}
}
footer .footer-widget .list-menu li a {
line-height: 24px;
font-size: 14px;
color: #4a4a4a;
display: inline-block
}
footer .footer-widget .list-menu li a:hover,
footer .footer-widget .list-menu li a:focus {
color: #f30
}
@media (max-width: 767px) {
footer .footer-widget .list-menu {
display: none
}
}
footer .footer-widget.footer-payment ul {
margin-bottom: 0
}
@media (max-width: 767px) {
footer .footer-widget.footer-payment ul {
margin-bottom: 7px;
display: block !important
}
}
footer .footer-widget.footer-payment ul li {
display: inline-block;
padding-right: 5px;
padding-bottom: 5px;
float: left
}
@media (max-width: 767px) {
footer .footer-widget.footer-payment h3:before {
display: none
}
}
footer .footer-widget.footer-subcrible p {
margin-bottom: 10px;
line-height: 1.5
}
footer .footer-widget.footer-subcrible form input {
border: 1px solid #bbb;
padding: 0 10px
}
footer .footer-widget.footer-subcrible form input:hover,
footer .footer-widget.footer-subcrible form input:focus {
border-color: #f30;
box-shadow: none;
outline: none
}
footer .footer-widget.footer-subcrible form button {
color: #fff;
background-color: #f30;
border-color: #f30
}
footer .footer-widget.footer-subcrible form button:hover,
footer .footer-widget.footer-subcrible form button:focus {
background-color: #cc2900;
border-color: #cc2900
}
@media (max-width: 991px) {
footer .footer-widget.footer-subcrible {
text-align: center;
border-top: 1px solid #f2f2f2;
margin-top: 20px;
padding-top: 10px
}
}
@media (max-width: 767px) {
footer .footer-widget.footer-subcrible h3:before {
display: none
}
}
footer .footer-widget.footer-social ul {
margin-bottom: 0
}
@media (max-width: 767px) {
footer .footer-widget.footer-social ul {
display: block !important
}
}
footer .footer-widget.footer-social ul li a {
display: block;
height: 40px;
width: 40px;
color: #fff;
background-color: #e5e5e5;
border-radius: 50%;
text-align: center;
line-height: 40px;
position: relative
}
footer .footer-widget.footer-social ul li a svg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto
}
footer .footer-widget.footer-social ul li a i {
margin: 0;
font-size: 15px;
line-height: 40px
}
footer .footer-widget.footer-social ul li:hover a {
color: #fff
}
footer .footer-widget.footer-social ul li:hover a i {
color: #fff
}
footer .footer-widget.footer-social ul li.twitter a {
background-color: #1da1f2
}
footer .footer-widget.footer-social ul li.facebook a {
background-color: #3b5998
}
footer .footer-widget.footer-social ul li.pinterest a {
background-color: #bd081c
}
footer .footer-widget.footer-social ul li.google a {
background-color: #dd4b39
}
footer .footer-widget.footer-social ul li.instagram a {
background-color: #1e88e5
}
footer .footer-widget.footer-social ul li.youtube a {
background-color: #ff0000
}
@media (max-width: 767px) {
footer .footer-widget.footer-social h3:before {
display: none
}
}
footer .copyright {
background-color: #eaeced;
color: #444;
font-size: 14px;
padding: 10px 0;
margin-bottom: 55px;
}
footer .copyright a {
color: #444
}
footer .copyright a:hover,
footer .copyright a:focus {
color: #f30
}
footer .copyright b {
font-weight: normal
}
footer.bg-footer {
background-color: #f0f0f0;
border-top: 2px solid #f30
}
header {
position: relative;
background: #f30;
-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.33);
-moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.33);
box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.33)
}
@media (max-width: 991px) {
header {
box-shadow: none
}
}
header .logo img {
max-height: 40px;
margin-top: 9px
}
header .add-arrow .search-bar {
margin-bottom: 0;
z-index: 2;
position: relative;
margin-top: 9px
}
header .add-arrow .search-bar input {
border-radius: 5px !important;
-webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.76);
-moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.76);
box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.76);
border: none;
padding-left: 7px;
height: 40px;
line-height: 40px;
padding-right: 45px
}
header .add-arrow .search-bar input:focus {
border: none;
outline: none
}
header .add-arrow .search-bar button {
background-color: transparent;
color: #f30;
border: none;
border-radius: 5px;
position: absolute;
right: 10px;
top: 0;
padding: 0;
height: 40px;
width: 40px
}
@media (max-width: 991px) {
header .add-arrow .search-bar button {
right: 0;
top: 6px
}
}
header .add-arrow .search-bar button svg {
position: absolute;
top: 50%;
transform: translate(0, -50%)
}
@media (max-width: 991px) {
header .add-arrow .search-bar button svg {
position: relative;
top: 4px;
transform: inherit
}
}
@media (max-width: 991px) {
header .add-arrow {
padding-bottom: 15px
}
}
header .add-arrow:after {
right: 0;
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
z-index: 0
}
@media (max-width: 991px) {
header .add-arrow:after {
display: none
}
}
header .add-arrow:after {
border-right-color: #fff;
border-width: 30px;
margin-top: 0px
}
header .nav-bg-white {
background-color: #fff;
height: 60px;
}
header .nav-bg-white:before {
content: "";
height: 100%;
width: 400px;
background-color: #fff;
position: absolute;
top: 0;
right: -58.33333333%
}
header .nav-item>a {
position: relative
}
header .nav-item>a:before {
content: "";
display: block;
height: 23px;
background-size: 23px;
margin-bottom: 3px;
background-repeat: no-repeat;
background-position: center
}
/*header .nav-item:nth-child(1)>a:before {
background-image: url(../images/icon_menu_1.svg)
}
header .nav-item:nth-child(2)>a:before {
background-image: url(../images/icon_menu_2.svg)
}
header .nav-item:nth-child(3)>a:before {
background-image: url(../images/icon_menu_3.svg)
}
header .nav-item:nth-child(4)>a:before {
background-image: url(../images/icon_menu_4.svg)
}
header .nav-item:nth-child(5)>a:before {
background-image: url(../images/icon_menu_5.svg)
}
header .nav-item:nth-child(6)>a:before {
background-image: url(../images/icon_menu_6.svg)
}
header .nav-item:nth-child(7)>a:before {
background-image: url(../images/icon_menu_7.svg)
}
header .nav-item:nth-child(8)>a:before {
background-image: url(../images/icon_menu_8.svg)
}*/
header .nav-item:nth-child(1)>a:before {
background-image: url(../images/ico-shop.png)
}
header .nav-item:nth-child(2)>a:before {
background-image: url(../images/ico-news.png)
}
header .nav-item:nth-child(3)>a:before {
background-image: url(../images/ico-intro.png)
}
header .nav-item:nth-child(4)>a:before {
background-image: url(../images/icon-viewcart.png)
}
header .nav-item:nth-child(5)>a:before {
background-image: url(../images/ico-contact.png)
}
header .nav-item:nth-child(6)>a:before {
background-image: url(../images/icon_menu_6.svg)
}
header .nav-item:nth-child(7)>a:before {
background-image: url(../images/icon_menu_7.svg)
}
header .nav-item:nth-child(8)>a:before {
background-image: url(../images/ico-contact.png)
}
header .nav-item ul.dropdown-menu {
padding: 0;
border: none;
background: #fff none repeat scroll 0 0;
border-radius: 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
min-width: 220px;
font-weight: 500;
top: 60px;
left: -50%
}
@media (min-width: 1025px) {
header .nav-item ul.dropdown-menu {
display: block;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-moz-transition: .2s ease-out;
-o-transition: .2s ease-out;
-webkit-transition: .2s ease-out;
-ms-transition: .2s ease-out;
transition: .2s ease-out;
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
header .nav-item ul.dropdown-menu li {
padding: 0;
border-bottom: 1px solid #f7f7f7
}
header .nav-item ul.dropdown-menu li:last-child {
border-bottom: none
}
header .nav-item ul.dropdown-menu li a {
padding: 10px 5px;
position: relative;
padding-right: 20px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
color: #333
}
header .nav-item ul.dropdown-menu li a i {
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%)
}
header .nav-item ul.dropdown-menu li a:hover,
header .nav-item ul.dropdown-menu li a:focus {
background-color: transparent;
color: #f30
}
header .nav-item ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
top: 0
}
header .nav-item:hover>.dropdown-menu {
display: block;
margin-top: 0
}
@media (min-width: 1025px) {
header .nav-item:hover>.dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-ms-transition: .3s ease-in;
transition: .3s ease-in;
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
}
header .nav-item:hover>.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
display: block;
margin-top: 0
}
@media (min-width: 1025px) {
header .nav-item:hover>.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-moz-transition: .3s ease-in;
-o-transition: .3s ease-in;
-webkit-transition: .3s ease-in;
-ms-transition: .3s ease-in;
transition: .3s ease-in;
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
}
header .nav-item:hover>a:before {
display: block
}
.top-sliders #sync2 {
background-color: #fff
}
.top-sliders #sync2 .item {
text-align: left;
line-height: 1.3;
height: 82px;
padding: 8px 6px;
cursor: pointer;
overflow: hidden;
border-bottom: 3px solid #fff
}
@media (min-width: 1023px) and (max-width: 1024px) {
.top-sliders #sync2 .item {
height: 104px;
padding: 18px 10px
}
}
.top-sliders #sync2 .current .item {
border-bottom-color: #f30
}
.top-sliders #sync1 .owl-nav {
margin: 0;
opacity: 0
}
.top-sliders #sync1 .owl-nav .owl-prev {
position: absolute;
left: 0px;
padding: 0;
margin: 0;
top: 50%;
transform: translate(0, -50%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba(0, 0, 0, 0.3);
width: 48px;
height: 48px;
text-align: center;
font-size: 20px;
color: #fff;
border: none
}
.top-sliders #sync1 .owl-nav .owl-prev:before {
color: #fff;
content: "\f104";
font-family: FontAwesome;
display: block;
position: static;
background-color: transparent;
line-height: 48px;
width: 100%;
font-size: 40px
}
.top-sliders #sync1 .owl-nav .owl-next {
position: absolute;
right: 0px;
padding: 0;
margin: 0;
top: 50%;
transform: translate(0, -50%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba(0, 0, 0, 0.3);
width: 48px;
height: 48px;
text-align: center;
font-size: 20px;
color: #fff;
border: none
}
.top-sliders #sync1 .owl-nav .owl-next:before {
color: #fff;
content: "\f105";
font-family: FontAwesome;
display: block;
position: static;
background-color: transparent;
line-height: 48px;
width: 100%;
font-size: 40px
}
.top-sliders #sync1:hover .owl-nav {
opacity: 1
}
.top-sliders .homenews figure {
display: block;
overflow: hidden;
border-bottom: 1px solid #efefef;
background: #fff
}
.top-sliders .homenews figure h2 {
float: left;
padding: 10px 20px 10px 10px;
background: #f30;
line-height: 1.3em;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
position: relative;
margin: 0
}
.top-sliders .homenews figure h2 a {
font-weight: 600;
color: #fff
}
.top-sliders .homenews figure h2:after {
content: '';
width: 0;
height: 0;
border-right: 12px solid #fff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.top-sliders .homenews ul {
display: block;
overflow: hidden
}
.top-sliders .homenews ul li {
display: block;
padding: 10px 10px 5px;
border-bottom: 1px solid #ededed;
background: #fff;
position: relative
}
.top-sliders .homenews ul li a {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.top-sliders .homenews ul li img {
float: left;
width: 100px;
height: 57px;
margin: 0 10px 0 0
}
.top-sliders .homenews ul li h3 {
display: block;
overflow: hidden;
height: 36px;
line-height: 1.3em;
font-size: 14px;
color: #333;
margin-bottom: 5px;
margin-top: 0
}
.top-sliders .homenews ul li span {
float: left;
font-size: 12px;
color: #999;
margin-right: 10px
}
.top-sliders .homenews ul li:hover h3,
.top-sliders .homenews ul li:focus h3 {
color: #f30
}
.top-sliders .homenews .twobanner {
display: block;
overflow: hidden
}
.top-sliders .homenews .twobanner a {
display: block;
overflow: hidden;
margin-top: 10px
}
.promo-title {
background-color: #fff;
border: 1px solid #f30;
padding: 10px;
text-align: center;
margin-top: 40px
}
.promo-title .promo-title-a {
display: inline-block;
margin-left: auto;
margin-right: auto;
height: 40px;
line-height: 40px;
background-color: #f30;
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding: 0 25px;
font-size: 20px;
position: relative;
top: -20px;
margin-top: -30px
}
.promo-title .promo-title-a:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f30;
border-width: 20px;
margin-top: -20px
}
.promo-title .promo-title-a:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #f30;
border-width: 20px;
margin-top: -20px
}
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-prev,
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-next {
-moz-transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
opacity: 0;
visibility: hidden
}
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-next {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
right: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
right: -50px
}
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.2 !important
}
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-prev {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
left: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
left: -50px
}
.promo-title .section-tour-owl2.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.2 !important
}
.promo-title .section-tour-owl2.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
opacity: 1;
visibility: inherit
}
.promo-title .section-tour-owl2.owl-carousel:hover .owl-nav .owl-next {
right: 0;
opacity: 1;
visibility: inherit
}
.promo-title .section-tour-owl2.owl-carousel .owl-item.active {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.promo-title .section-tour-owl2.owl-carousel .owl-item .item {
padding: 0px 10px
}
.section_product {
background-color: #fff;
margin-top: 20px
}
.section_product .section-head {
border-bottom: 1px solid #eee;
background: #fe3300;
}
.section_product .section-head h2 {
float: left;
font-size: 16px;
color: #333;
font-weight: 600;
padding: 14px 10px;
text-transform: uppercase;
margin: 0
}
.section_product .section-head h2 a {
color: #FFF;
}
@media (max-width: 767px) {
.section_product .section-head h2 {
padding: 7px 10px;
float: none
}
}
.section_product .section-head .viewallcat {
float: right
}
.section_product .section-head .viewallcat a {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #FFF;
padding: 14px 15px
}
.section_product .section-head .viewallcat a:hover,
.section_product .section-head .viewallcat a:focus {
color: #FF0
}
.section_product .product-blocks .item-border {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee
}
.section_product .product-blocks .item {
min-height: 250px;
}
.section_product .product-blocks .item-border .news-item-products {
padding: 10px;
text-align: center;
min-height: 296px
}
@media (max-width: 1024px) {
.section_product .product-blocks .item-border .news-item-products {
min-height: 260px
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border .news-item-products {
min-height: unset;
padding: 5px
}
.section_product .product-blocks .item-border .news-item-products h3 {
margin: 0;
font-size: 15px
}
.section_product .product-blocks .item-border .news-item-products .price strong {
font-size: 15px
}
.section_product .product-blocks .item-border .news-item-products .price span {
font-size: 14px;
margin-left: 3px
}
}
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 209px
}
.section_product .product-blocks .item-border .news-item-products .fix-images img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media (max-width: 1024px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 169px
}
}
@media (max-width: 991px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 223px
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 668px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 569px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 189px
}
}
@media (max-width: 480px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 240px
}
}
@media (max-width: 376px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 170px
}
}
@media (max-width: 321px) {
.section_product .product-blocks .item-border .news-item-products .fix-images {
height: 142px
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products {
text-align: left;
min-height: 296px
}
@media (max-width: 1024px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products {
min-height: 260px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products {
min-height: 303px
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products {
min-height: unset
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
width: 200px;
float: left;
margin-right: 10px;
height: 200px
}
@media (max-width: 991px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
width: 100%;
float: none;
margin-right: 0
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
width: 200px;
float: left;
margin-right: 10px
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative img {
margin-bottom: 0
}
}
@media (max-width: 480px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
width: 130px;
float: left;
margin-right: 5px
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative img {
margin-bottom: 0
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
@media (max-width: 1024px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 200px
}
}
@media (max-width: 991px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 223px
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 240px
}
}
@media (max-width: 668px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 240px
}
}
@media (max-width: 569px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 189px
}
}
@media (max-width: 480px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 150px
}
}
@media (max-width: 376px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 170px
}
}
@media (max-width: 321px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .relative {
height: 142px
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content {
padding-left: 210px
}
@media (max-width: 991px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content {
padding-left: 0;
text-align: center
}
}
@media (max-width: 767px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content {
padding-left: 210px;
text-align: left
}
}
@media (max-width: 480px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content {
padding-left: 135px;
text-align: left
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content h3 {
margin: 0;
font-size: 16px
}
@media (max-width: 991px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content h3 {
font-size: 14px
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos {
margin-top: 10px;
color: #333;
max-height: 195px;
overflow: hidden;
font-size: 13px
}
@media (max-width: 1024px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos {
height: 148px
}
}
@media (max-width: 480px) {
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos {
font-size: 12px;
height: 85px;
margin-top: 0
}
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos label {
display: inline-block
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos ul li {
padding-left: 15px;
position: relative
}
.section_product .product-blocks .item-border.big-item-product .news-item-products .big-content .promos ul li:before {
font-family: FontAwesome;
content: "\f058";
position: absolute;
left: 0;
top: 2px;
font-size: 11px
}
@media (max-width: 991px) {
.section_product {
margin-top: 10px
}
.section_product .mobile-viewmore {
display: block;
text-align: center;
height: 35px;
line-height: 35px;
color: #288ad6
}
.section_product .mobile-viewmore:hover,
.section_product .mobile-viewmore:focus {
color: #f30
}
}
.news-item-products {
display: block;
overflow: hidden;
background: #fff;
padding: 10px;
text-align: center;
position: relative
}
@media (max-width: 767px) {
.news-item-products {
padding: 5px 0
}
}
/*.news-item-products a {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0
}*/
.news-item-products .per {
background-image: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
border-radius: 10px;
padding: 1px 7px;
padding-left: 0;
padding-right: 10px;
height: 20px;
color: #fff;
font-weight: 600;
position: absolute;
left: 10px;
z-index: 1;
bottom: 10px;
font-size: 11px
}
.news-item-products .per:before {
content: ' ';
display: inline-block;
background: url(../images/flash.png);
background-size: 50% 50%;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
background-color: #f13500;
border-radius: 50%;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 5px
}
.news-item-products img {
display: block;
transition: all ease 300ms;
margin-bottom: 15px;
height: 170px
}
.news-item-products h3 {
line-height: 1.3em;
font-size: 14px;
color: #333;
margin: 0 10px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 18px;
padding: 0px;
}
.news-item-products h3 a {
color: #333;
}
@media (max-width: 767px) {
.news-item-products h3 {
margin: 0;
font-size: 12px;
min-height: 16px;
margin-top: 8px
}
}
.news-item-products .price {
display: block;
overflow: hidden;
padding: 5px 0;
min-height: 34px
}
.news-item-products .price strong {
display: inline-block;
vertical-align: middle;
overflow: hidden;
font-size: 14px;
color: #f30;
line-height: 15px
}
@media (max-width: 767px) {
.news-item-products .price strong {
font-size: 12px
}
}
.news-item-products .price span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
text-decoration: line-through;
margin-left: 5px;
color: #222
}
@media (max-width: 767px) {
.news-item-products .price span {
font-size: 11px;
margin-left: 3px
}
}
.news-item-products:hover {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
z-index: 1
}
.news-item-products:hover h3 {
color: #f30
}
.section_blogs {
background-color: #fff;
margin-top: 20px
}
@media (max-width: 767px) {
.section_blogs {
margin-top: 10px
}
}
.section_blogs h2 {
font-size: 16px;
color: #333;
font-weight: 600;
padding: 14px 10px;
text-transform: uppercase;
margin: 0;
border-bottom: 1px solid #eee
}
@media (max-width: 767px) {
.section_blogs h2 {
padding: 7px 10px
}
}
.section_blogs h2 a {
color: #333
}
.section_blogs h2 a:hover,
.section_blogs h2 a:focus {
color: #f30
}
.section_blogs .news-items a {
display: block;
padding: 10px 0;
transition: all ease 300ms;
overflow: hidden
}
@media (max-width: 767px) {
.section_blogs .news-items a {
border-bottom: 1px solid #ededed
}
}
.section_blogs .news-items a img {
display: block;
margin-bottom: 10px
}
@media (max-width: 767px) {
.section_blogs .news-items a img {
float: left;
width: 100px;
margin: 0 10px 0 0
}
}
.section_blogs .news-items a h3 {
line-height: 1.3em;
font-size: 14px;
color: #333;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 35.33px
}
@media (max-width: 767px) {
.section_blogs .news-items a h3 {
display: block;
overflow: hidden;
height: 36px;
line-height: 1.3em;
font-size: 13px;
color: #333
}
}
.section_blogs .news-items a .date_added {
font-size: 12px;
color: #bbb
}
@media (max-width: 767px) {
.section_blogs .news-items a .date_added {
padding-left: 110px
}
}
.section_blogs .news-items a:hover,
.section_blogs .news-items a:focus {
margin-top: -3px
}
.section_blogs .news-items a:hover h3,
.section_blogs .news-items a:focus h3 {
color: #f30
}
@media (min-width: 1024px) {
.section_blogs .news-items:nth-child(4n+1) {
clear: left
}
}
@media (max-width: 991px) {
.section_blogs .news-items:nth-child(2n+1) {
clear: left
}
}
.collections-slider.owl-carousel .owl-nav .owl-prev,
.collections-slider.owl-carousel .owl-nav .owl-next {
-moz-transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
opacity: 0;
visibility: hidden
}
.collections-slider.owl-carousel .owl-nav .owl-next {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
right: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
right: -50px
}
.collections-slider.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.2 !important
}
.collections-slider.owl-carousel .owl-nav .owl-prev {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
left: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
left: -50px
}
.collections-slider.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.2 !important
}
.collections-slider.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
opacity: 1;
visibility: inherit
}
.collections-slider.owl-carousel:hover .owl-nav .owl-next {
right: 0;
opacity: 1;
visibility: inherit
}
.collections-slider.owl-carousel .owl-item.active {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.main_container.collection {
position: relative
}
.main_container.collection .title-collections {
border-bottom: 1px solid #eee;
font-size: 16px;
color: #333;
font-weight: 600;
padding: 14px 0px;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px
}
@media (max-width: 991px) {
.main_container.collection .title-collections {
padding: 7px 10px;
width: calc(100% - 100px);
float: left;
border-bottom: none;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.main_container.collection .filter-mobile-tittle {
float: left;
width: 100px;
padding: 7px 10px;
color: #288ad6;
font-weight: 600;
position: relative;
margin-bottom: 10px
}
.main_container.collection .filter-mobile-tittle:before {
position: absolute;
content: '\f107';
font-family: FontAwesome;
right: 0;
top: 50%;
transform: translate(0, -50%)
}
.main_container.collection .filter-mobile-tittle:after {
border: 9px solid transparent;
border-bottom: 9px solid #efefef;
margin-left: -9px;
bottom: -10px;
left: 40%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
display: none
}
.main_container.collection .filter-mobile-tittle.active:after {
display: block
}
.collections_des_and_menu {
margin-top: 20px;
margin-bottom: 15px
}
.collections_des_and_menu a {
display: inline-block;
padding: 5px 10px;
border: 1px solid #f30;
margin-bottom: 10px;
float: left;
color: #fff;
background-color: #f30;
border-radius: 3px;
margin-right: 10px
}
.collections_des_and_menu a:hover,
.collections_des_and_menu a:focus {
border-color: #f30;
color: #f30;
background-color: #fff
}
.collections_description h2 {
border-bottom: #6F6F6F 1px dotted;
padding-bottom: 5px;
margin-top: 0;
margin-bottom: 5px;
font-size: 22px
}
.collections_description a {
color: #f30
}
@media (max-width: 767px) {
.details-product .product-image-block {
margin-bottom: 10px
}
}
.details-product .product-image-block .large-image .button_wh_40 {
position: absolute;
right: 10px;
top: 10px;
z-index: 9;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border: none;
background-color: #f5f5f5;
border-radius: 50%
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-prev,
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-next {
-moz-transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
-ms-transition: all 0.45s ease;
transition: all 0.45s ease;
opacity: 0;
visibility: hidden
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-next {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
right: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
right: -50px
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.2 !important
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-prev {
height: 51px;
width: 32px;
border: 1px solid #f1f5f6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 7px 10px 0 rgba(72, 139, 216, 0.2);
position: absolute;
left: 0;
text-align: center;
line-height: 51px;
top: 50%;
transform: translate(0, -50%);
color: #878fa0;
font-size: 20px;
margin: 0;
left: -50px
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.2 !important
}
.details-product .product-image-block #gallery_01.owl-carousel:hover .owl-nav .owl-prev {
left: 0;
opacity: 1;
visibility: inherit
}
.details-product .product-image-block #gallery_01.owl-carousel:hover .owl-nav .owl-next {
right: 0;
opacity: 1;
visibility: inherit
}
.details-product .product-image-block #gallery_01.owl-carousel .owl-dots {
display: none
}
.details-product .product-image-block #gallery_01.owl-carousel .item a {
border: 2px solid #e5e5e5;
padding: 2px;
display: block;
position: relative;
height: 97px;
margin: 1px
}
@media (max-width: 1024px) {
.details-product .product-image-block #gallery_01.owl-carousel .item a {
height: 68px
}
}
@media (max-width: 991px) {
.details-product .product-image-block #gallery_01.owl-carousel .item a {
height: 81px
}
}
@media (max-width: 767px) {
.details-product .product-image-block #gallery_01.owl-carousel .item a {
height: 130px
}
}
@media (max-width: 480px) {
.details-product .product-image-block #gallery_01.owl-carousel .item a {
height: 60px
}
}
.details-product .product-image-block #gallery_01.owl-carousel .item a img {
width: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 2px
}
.details-product .product-image-block #gallery_01.owl-carousel .item a.active {
border: 2px dashed #f30
}
.details-product .product-image-block #gallery_01.owl-carousel .item:hover a {
border: 2px dashed #f30
}
.details-product .details-pro .price-box .special-price {
display: block;
width: 100%
}
.details-product .details-pro .price-box .special-price .product-price {
display: inline-block;
font-size: 32px;
color: #f30;
vertical-align: middle;
margin-right: 0px;
font-weight: 500;
margin-bottom: 10px
}
.details-product .details-pro .price-box .old-price {
display: inline-block;
font-size: 13px
}
.details-product .details-pro .price-box .old-price .product-price-old {
color: #696969;
font-size: 14px;
font-weight: 500
}
.details-product .details-pro .price-box .save-price {
color: #73a91d;
margin-left: 30px
}
@media (max-width: 1024px) {
.details-product .details-pro .price-box .save-price {
margin-left: 5px
}
}
.details-product .details-pro .price-box .save-price .product-price-save {
font-weight: 700
}
.details-product .details-pro .inventory_quantity .stock-brand-title {
color: #333;
font-weight: 500
}
.details-product .details-pro .inventory_quantity .a-stock {
color: #30a43b
}
.details-product .product-summary .rte p {
margin-bottom: 7px
}
.details-product .form-product {
margin-top: 10px
}
.details-product .form-product .swatch {
margin: 10px 0
}
.details-product .form-product .swatch .header {
display: block;
float: none
}
.details-product .form-product form {
margin-bottom: 0px
}
@media (max-width: 767px) {
.details-product .form-product form {
margin-bottom: 0
}
}
.details-product .form-product .form-group {
width: 100%;
padding-bottom: 10px
}
.details-product .form-product .form-group .group-label {
font-weight: 700;
margin: 0.1em 0;
text-align: left;
margin-bottom: 8px
}
.details-product .form-product .form-group .custom-btn-number {
float: left;
position: relative;
padding: 0;
border: 1px solid #ebebeb;
box-shadow: none;
background-color: transparent;
border-radius: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
width: auto;
border-right: none
}
@media (max-width: 480px) {
.details-product .form-product .form-group .custom-btn-number {
margin-bottom: 10px
}
}
.details-product .form-product .form-group .custom-btn-number input {
margin: 0px;
display: block;
float: left;
height: 49px;
border: none;
border-right: none;
border-left: none;
width: 55px;
text-align: center;
box-shadow: none;
border-radius: 0px;
font-size: 15px;
outline: none
}
.details-product .form-product .form-group .custom-btn-number button {
font-size: 20px;
line-height: 0px;
border: none;
display: inline-block;
width: 40px;
height: 49px;
background: #fff;
float: left;
color: #333;
text-align: center;
padding: 0px;
border-radius: 5px
}
.details-product .form-product .form-group .btn-mua {
float: left;
width: calc(100% - 141px)
}
.details-product .form-product .form-group .btn-mua button {
background: #f30;
font-size: 16px;
outline: none;
box-shadow: none;
padding: 10px 30px;
color: #fff;
height: auto;
line-height: inherit;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
height: 52px;
border: none;
width: 100%
}
@media (max-width: 480px) {
.details-product .form-product .form-group .btn-mua button {
padding: 10px 20px;
font-size: 15px
}
}
.details-product .form-product .form-group .btn-mua button span {
display: block;
width: 100%;
text-align: center
}
.details-product .form-product .form-group .btn-mua button span.txt-main {
font-size: 16px;
font-weight: 500;
line-height: 1.1;
text-transform: uppercase
}
@media (max-width: 480px) {
.details-product .form-product .form-group .btn-mua button span.txt-main {
font-size: 15px
}
}
.details-product .form-product .form-group .btn-mua button:hover,
.details-product .form-product .form-group .btn-mua button:focus {
color: #fff;
opacity: 0.9
}
@media (max-width: 480px) {
.details-product .form-product .form-group .btn-mua button {
width: 100%
}
}
.details-product .form-product .form-group .btn-mua.btnsold {
width: 100%
}
.details-product .form-product .box-variant .selector-wrapper select {
height: 40px
}
.details-product .form-product .box-promotion {
border: 1px dashed #d7d7d7;
margin-bottom: 15px
}
.details-product .form-product .box-promotion .fk-tit {
padding: 4px 10px;
font-weight: bold;
color: #fff;
background: #34a105;
border-bottom: 1px dashed #d7d7d7;
margin-bottom: 0
}
.details-product .form-product .box-promotion .fk-main {
padding: 15px
}
.details-product .form-product .box-promotion .fk-main ul li {
padding-bottom: 5px;
padding-left: 15px;
position: relative;
font-size: 13px;
color: #000
}
.details-product .form-product .box-promotion .fk-main ul li:before {
content: "";
display: inline-block;
position: absolute;
top: 6px;
left: 0;
width: 6px;
height: 6px;
background: #34a105;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.details-product .call-and-payment {
border-top: 1px dashed #f30;
margin-top: 10px;
padding-top: 10px
}
.details-product .call-and-payment .hotline_product {
color: #4a4a4a;
font-size: 14px;
font-weight: 500
}
.details-product .call-and-payment .hotline_product a {
color: #f30;
font-size: 20px;
font-weight: 600
}
.details-product .call-and-payment .hotline_product a:hover,
.details-product .call-and-payment .hotline_product a:focus {
color: #db2c00
}
.details-product .call-and-payment .box-zalo-promotion {
border-radius: 3px;
background-color: #eff9ff;
padding: 10px;
color: #5d3d07;
margin-bottom: 5px;
margin-top: 5px
}
.details-product .call-and-payment .box-zalo-promotion span {
color: #dc001b;
font-weight: 600
}
.details-product .call-and-payment .box-zalo-promotion a {
color: #4a90e2
}
.details-product .call-and-payment .box-zalo-promotion a:hover,
.details-product .call-and-payment .box-zalo-promotion a:focus {
color: #f30
}
.details-product .inve_brand .stock-brand-title i,
.details-product .inventory_quantity .stock-brand-title i {
color: #f30
}
.details-product .product-top {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
padding-bottom: 10px
}
.details-product .product-top .title-head {
color: #212121;
font-size: 20px;
font-weight: 500;
margin-top: 0;
margin-bottom: 10px
}
.details-product .product-top .sku-product {
color: #212121;
font-size: 14px
}
@media (min-width: 768px) {
.details-product .product-top .sku-product {
display: inline-block;
float: left;
margin-right: 10px;
border-right: 1px solid #f30;
padding-right: 10px
}
}
.details-product .product-top .sku-product .variant-sku {
font-weight: 500;
font-style: italic
}
@media (min-width: 768px) {
.details-product .product-top .panel-product-rating {
display: inline-block;
float: left
}
}
.details-product .product-top .myweb-product-reviews-badge {
display: inline-block;
float: left;
margin-right: 10px
}
.details-product .product-top .myweb-product-reviews-badge .myweb-product-reviews-star {
padding: 0
}
.details-product .product-top .myweb-product-reviews-badge .myweb-product-reviews-star i {
font-size: 12px;
color: #feb10d !important
}
.details-product .product-top .myweb-product-reviews-badge div:nth-child(2),
.details-product .product-top .myweb-product-reviews-badge div:nth-child(3) {
display: none
}
.details-product .product-top .iddanhgia {
float: left;
color: #288ad6
}
.details-product .product-top .iddanhgia:hover {
cursor: pointer;
color: #f30
}
.details-product .product-tab .tabs-title {
border-bottom: 2px solid #F00
}
.details-product .product-tab .tabs-title .tab-link {
margin-right: 0;
padding: 0;
background-color: transparent;
border-radius: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
@media (max-width: 480px) {
.details-product .product-tab .tabs-title .tab-link {
width: 50%;
border-radius: 0;
margin-top: 2px;
float: left;
}
}
.details-product .product-tab .tabs-title .tab-link h3 {
color: #aaa;
font-size: 13px;
text-transform: uppercase;
padding: 7px 15px;
margin: 0;
position: relative
}
@media (max-width: 480px) {
.details-product .product-tab .tabs-title .tab-link h3 {
text-align: center
}
}
.details-product .product-tab .tabs-title .tab-link h3:before {
content: "";
height: 2px;
width: 100%;
background-color: transparent;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto
}
.details-product .product-tab .tabs-title .tab-link.current,
.details-product .product-tab .tabs-title .tab-link:hover {
background-color: transparent
}
.details-product .product-tab .tabs-title .tab-link.current h3,
.details-product .product-tab .tabs-title .tab-link:hover h3 {
color: #222;
background: #F00;
color: #FFF;
}
.details-product .product-tab .tabs-title .tab-link.current h3:before,
.details-product .product-tab .tabs-title .tab-link:hover h3:before {
background-color: #F00;
}
@media (max-width: 767px) {
.details-product .product-tab #tab-1.current {
min-height: 20px;
padding: 0;
padding-bottom: 35px;
background-color: #fff;
position: relative;
margin-bottom: 18px;
box-shadow: none;
outline: none;
border: none;
border-radius: 0
}
.details-product .product-tab #tab-1 .ba-text-fpt.has-height {
/*height: 350px;
overflow: hidden;*/
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s
}
.details-product .product-tab #tab-1.expanded .ba-text-fpt {
height: auto;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s
}
.details-product .product-tab #tab-1.expanded .less-text {
display: block
}
.details-product .product-tab #tab-1.expanded .more-text {
display: none
}
.details-product .product-tab #tab-1.expanded .show-more::before {
display: none
}
.details-product .product-tab #tab-1 .show-more {
position: relative
}
.details-product .product-tab #tab-1 .show-more .btn--view-more {
position: absolute;
top: 100%;
left: 50%;
width: 120px;
margin-left: -60px;
margin-top: 0px;
text-align: center;
background-color: transparent;
color: #0a5bff;
font-weight: normal;
outline: none;
box-shadow: none
}
.details-product .product-tab #tab-1 .show-more .btn--view-more:hover,
.details-product .product-tab #tab-1 .show-more .btn--view-more:focus {
color: #f30;
border-color: #f30;
outline: none;
box-shadow: none
}
.details-product .product-tab #tab-1 .show-more::before {
display: block;
content: "";
height: 120px;
position: absolute;
top: -120px;
width: 100%;
left: 0;
background: rgba(255, 255, 255, 0.6);
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.33) 33%, rgba(255, 255, 255, 0.8) 83%, #fff)
}
.details-product .product-tab #tab-1 .less-text {
display: none
}
}
.details-product .ant_onlineSupport {
width: 100%;
padding: 10px;
border: 1px solid #ededed;
border-radius: 2px
}
.details-product .ant_onlineSupport .supportTitle {
width: 100%;
text-align: center;
font-size: 16px;
line-height: 23px;
margin: 0
}
@media (max-width: 1024px) {
.details-product .ant_onlineSupport .supportTitle {
font-size: 14px
}
}
.details-product .ant_onlineSupport .supportTitle3 {
width: 100%;
text-align: center;
font-size: 14px;
line-height: 23px;
margin: 0;
font-weight: normal
}
.details-product .ant_onlineSupport .supportImage {
display: block;
margin: 10px auto
}
.details-product .ant_onlineSupport .phoneNumber {
width: 100%;
margin-top: 10px;
display: block;
text-align: center;
line-height: 1.1
}
.details-product .ant_onlineSupport .phoneNumber a {
font-size: 36px;
font-weight: 600;
color: #1fb349;
text-decoration: none
}
@media (max-width: 1024px) {
.details-product .ant_onlineSupport .phoneNumber a {
font-size: 30px
}
}
.details-product .ant_onlineSupport .phoneNumber a:hover,
.details-product .ant_onlineSupport .phoneNumber a:focus {
color: #f30
}
.details-product .ant_onlineSupport .or {
width: 100%;
margin: 10px 0;
color: #7a7d8d;
text-align: center;
line-height: 1.1
}
.details-product .ant_onlineSupport .or span {
display: inline-block;
background: #fff;
padding: 0 10px;
transform: translateY(50%);
font-size: 13px
}
.details-product .ant_onlineSupport .or:after {
display: block;
content: "";
width: 100%;
height: 1px;
background: #ededed
}
.details-product .ant_onlineSupport .chatNow {
display: block;
width: 100%;
margin-top: 10px;
padding: 10px;
text-align: center;
font-size: 16px;
color: #1fb349;
border: 1px solid #1fb349;
border-radius: 2px;
cursor: pointer;
line-height: 1.1;
min-height: 1
}
.details-product .ant_onlineSupport .chatNow:hover,
.details-product .ant_onlineSupport .chatNow:focus {
color: #f30;
border-color: #f30
}
.details-product .specifications .fs-dttop {
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
margin: 0;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px
}
.details-product .specifications .fs-tsright ul li {
display: table;
width: 100%;
padding: 5px 0;
font-size: 13px
}
.details-product .specifications .fs-tsright ul li label {
width: 102px;
color: #616161;
padding-right: 6px;
display: table-cell;
vertical-align: top;
font-weight: normal
}
.details-product .specifications .fs-tsright ul li span {
color: #3d3d3d;
display: table-cell;
vertical-align: top
}
.details-product .specifications button.btn-primary {
cursor: pointer;
display: block;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 13px;
color: #337ab7;
border-radius: 2px;
background-color: #fff;
border: solid 1px #337ab7;
width: 100%;
margin-top: 5px;
margin-bottom: 10px
}
.details-product .specifications button.btn-primary:hover,
.details-product .specifications button.btn-primary:focus {
color: #fff;
border: solid 1px #337ab7;
background-color: #337ab7
}
.details-product .specifications .modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
background-color: #fff
}
.details-product .specifications .modal-header .modal-title {
padding: 0;
min-height: unset;
color: #404040
}
.details-product .specifications .modal-header .close {
z-index: 2;
position: absolute;
right: 10px
}
.details-product .specifications .modal-body ul li {
display: table;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #ebebeb
}
.details-product .specifications .modal-body ul li label {
width: 180px;
display: table-cell;
vertical-align: middle;
line-height: 18px;
font-weight: 500
}
@media (max-width: 480px) {
.details-product .specifications .modal-body ul li label {
width: 102px
}
}
.support-cart {
position: fixed;
z-index: 999;
right: 15px;
bottom: 188px;
}
.support-cart a.btn-support-cart {
position: relative;
margin: 20px 10px;
text-align: left;
width: 40px;
height: 40px;
cursor: pointer;
display: block
}
.support-cart a.btn-support-cart i {
width: 40px;
height: 40px;
background: #f30;
color: #fff;
border-radius: 100%;
font-size: 20px;
text-align: center;
line-height: 1.9;
position: relative;
z-index: 999
}
.support-cart a.btn-support-cart svg {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 1;
left: 0;
right: 0;
margin: 0 auto
}
.support-cart a.btn-support-cart .kenit-alo-circle {
border-color: #ff471a
}
.support-cart a.btn-support-cart .kenit-alo-circle-fill {
background-color: rgba(255, 51, 0, 0.5)
}
.support-cart .count_item_pr {
position: absolute;
top: -15px;
right: -15px;
height: 25px;
min-width: 25px;
border-radius: 50%;
color: #fff;
background-color: #f30;
text-align: center;
line-height: 21px;
z-index: 9999;
border: 2px solid #fff;
font-size: 13px
}
.support-cart:before {
border: 15px solid transparent;
border-bottom: 15px solid #f30;
margin-left: -15px;
bottom: 75px;
left: 30px;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
display: none
}
.support-cart:after {
content: "";
position: absolute;
left: 0;
bottom: 70px;
width: 100%;
height: 30px;
background: 0 0;
display: none;
z-index: 8
}
@media (min-width: 1025px) {
.support-cart:hover:before,
.support-cart:hover:after {
display: block
}
}
.kenit-alo-circle-fill {
width: 60px;
height: 60px;
top: -10px;
position: absolute;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .1s;
-moz-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
background-color: rgba(255, 51, 0, 0.5);
opacity: .75;
right: -10px
}
.kenit-alo-circle {
width: 50px;
height: 50px;
top: -5px;
right: -5px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
border-color: #ff471a;
opacity: .5
}
.support-online .btn-support {
cursor: pointer
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8)
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
50% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8)
}
100% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
}
.animated {
animation-duration: 1s;
animation-fill-mode: both
}
.animated.infinite {
animation-iteration-count: infinite
}
.animated.hinge {
animation-duration: 2s
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
animation-name: zoomIn
}
@keyframes pulse {
from {
transform: scale3d(1, 1, 1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scale3d(1, 1, 1)
}
}
.pulse {
animation-name: pulse
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1)
}
30% {
transform: scale3d(1.25, 0.75, 1)
}
40% {
transform: scale3d(0.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, 0.85, 1)
}
65% {
transform: scale3d(0.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, 0.95, 1)
}
to {
transform: scale3d(1, 1, 1)
}
}
#menu-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
display: none
}
#menu-overlay.reveal {
display: block
}
.system-center .col-md-3 {
padding-right: 0
}
@media (max-width: 991px) {
.system-center .col-md-3 {
padding-right: 10px
}
}
@media (max-width: 480px) {
.system-center .col-md-3 {
padding-right: 7px
}
}
.system-center .col-md-9 {
padding-left: 0
}
@media (max-width: 991px) {
.system-center .col-md-9 {
padding-left: 10px
}
}
@media (max-width: 480px) {
.system-center .col-md-9 {
padding-left: 7px
}
}
.showroom-list {
background-color: #000;
height: 500px
}
.showroom-list .city-selector {
background-color: #f30;
padding: 20px 10px
}
.showroom-list .city-selector h2 {
font-size: 15px;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px
}
.showroom-list .showroom-item {
margin: 15px 10px;
cursor: pointer
}
.showroom-list .showroom-item.active h2.title {
color: #f30
}
.showroom-list h2.title {
color: #fff;
text-transform: uppercase;
font-size: 16px;
margin-top: 0
}
.showroom-list p {
color: #858585;
font-size: 12px !important;
margin: 5px 0px;
line-height: 1.5em;
display: table;
width: 100%
}
.showroom-list p i {
display: table-cell;
width: 15px
}
.showroom-list p a {
color: #858585
}
.showroom-list p:last-child {
border-bottom: 1px solid #333333;
padding-bottom: 15px
}
.showroom-list select {
display: block;
outline: none;
box-shadow: none;
border-radius: 0;
background-color: #fff;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50% #fff;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none
}
.city-wrapper {
height: 388px;
overflow-y: scroll
}
.city-wrapper .has-scrollbar .content {
outline: none;
box-shadow: none;
border: none
}
.city-wrapper::-webkit-scrollbar {
width: 5px
}
.city-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
border-radius: 10px
}
.city-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5)
}
.gllpMap {
width: 100%;
height: 500px
}
.gllpUpdateButton {
display: none
}
.gllpLatlonPicker {
padding: 0
}
@media (min-width: 768px) {
.my-account .dashboard .recent-orders .thead-default {
border-top: 1px solid #e1e1e1
}
}
@media (max-width: 991px) {
.select-item-qty-mobile>div {
width: 74px
}
.cart-mobile .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus,
.cart-mobile .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
width: 25px !important;
padding: 1px 0
}
.select-item-qty-mobile .txt_center input {
border-left: none;
border-right: none;
left: 25px;
background-color: #fff
}
.col-100-h {
clear: both;
height: 45px
}
.col-100-h:before {
display: table;
content: " "
}
.col-100-h:after {
content: "";
display: table;
clear: both
}
.col-100-h #trigger-mobile {
float: left;
margin: 0;
padding: 8px;
display: block;
text-align: left;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 15px;
border: 2px solid #FFF;
}
.col-100-h #trigger-mobile .icon-bar {
background-color: #fff;
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.col-100-h #trigger-mobile .icon-bar.icon-bar {
margin-top: 4px
}
.col-100-h .mobile-search {
width: 40px;
float: left;
position: relative;
padding-left: 0;
margin: 0;
left: -5px;
top: 3px;
text-align: center
}
.col-100-h .mobile-search i {
color: #f30;
font-size: 22px
}
.col-100-h .mobile-cart {
position: absolute;
right: 15px;
top: 20px
}
.col-100-h .mobile-cart a {
color: #fff
}
.col-100-h .mobile-cart a i {
font-size: 25px
}
.col-100-h .mobile-cart .count_item_pr {
position: absolute;
height: 22px;
width: 22px;
border-radius: 50%;
line-height: 20px;
text-align: center;
background: #FF9800;
font-size: 12px;
right: -10px;
top: -10px;
color: #fff;
border: 1px solid #fff
}
.col-100-h .logo {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
max-width: 150px;
top: 0;
text-align: center
}
.col-100-h .logo img {
max-width: 145px !important;
position: relative
}
}
@media (max-width: 480px) {
.s480-f {
display: block;
font-size: 0;
clear: both
}
.myweb-product-reviews-form {
min-width: 230px !important
}
.col-full {
width: 100%
}
}
.box-maps {
border: 10px solid #e5e5e5;
border-radius: 3px
}
.mini-cart .top-cart-content:before {
content: "";
position: absolute;
left: 0;
top: -22px;
width: 100%;
height: 25px;
background: 0 0;
display: none;
z-index: 8
}
.mini-cart .top-cart-content .no-item p {
color: #333
}
.mini-cart .top-cart-content li.item .detail-item .product-name a {
color: #333;
display: inline-block
}
.mini-cart .top-cart-content li.item .detail-item .product-name a:hover,
.mini-cart .top-cart-content li.item .detail-item .product-name a:focus {
color: #f30
}
.mini-cart .top-cart-content li.item .detail-item .remove-item-cart {
color: #999
}
.mini-cart .top-cart-content li.item .detail-item .product-details-bottom .price {
color: #f30;
font-weight: 500
}
.mini-cart .top-cart-content .top-subtotal .price {
font-weight: 500
}
.mini-cart .top-cart-content .actions a.btn-checkout {
color: #fff;
background-color: #f30;
float: left
}
.mini-cart .top-cart-content .actions a.view-cart {
color: #fff;
background-color: #57c5ce;
border-color: #57c5ce
}
.mini-cart .top-cart-content .actions a:hover,
.mini-cart .top-cart-content .actions a:focus {
opacity: 0.8
}
.mini-cart:hover .top-cart-content:before {
display: block
}
@media (max-width: 767px) {
.fix-btt-mobile footer .back-to-top.show {
display: none !important
}
}
#map {
height: 500px
}
#fancy-image-view iframe {
max-width: 100%;
margin: 0 auto;
display: block
}
.social-login a {
display: inline-block
}
.social-login a.social-login--google {
margin-left: 10px
}
.social-login a:hover,
.social-login a:focus {
opacity: 0.8
}
.results-box {
color: #555;
position: absolute;
top: 50px;
z-index: 9999;
width: calc(100% - 20px);
background-color: #fff;
-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
-moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33)
}
@media (max-width: 480px) {
.results-box {
width: calc(100% - 14px)
}
}
.results-box a {
background-color: #fff;
padding: 5px;
font-size: 14px;
display: block
}
.results-box a .img {
text-align: center;
float: left;
width: 70px;
margin-right: 5px
}
.results-box a .d-title {
text-transform: none;
font-size: 13px;
font-weight: 500;
margin-bottom: 0;
margin-top: 0;
color: #303846
}
.results-box a .d-title.d-price {
color: #f30 !important
}
.results-box a:hover .d-title,
.results-box a:focus .d-title {
color: #f30
}
.results-box a+a {
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.results-box a.note {
text-align: center;
font-size: 14px;
font-weight: 500;
color: #222
}
.results-box a.note:hover,
.results-box a.note:focus {
color: #f30
}
.results-box .note {
text-align: center;
font-size: 14px;
font-weight: 500;
color: #222;
padding: 7px 0px
}
.results-box .note:hover,
.results-box .note:focus {
color: #f30
}
.results-box .evo-loading {
display: block;
padding: 7px;
text-align: center;
background-color: #fff
}
h3.catname,
h2.catname {
background: #fe3300;
color: #fff;
padding: 12px 12px;
margin-bottom: 5px;
font-size: 14px !important;
margin-top: 10px;
}
.paging {
clear: both;
height: 35px;
padding: 5px;
text-align: center;
}
.paging span {
padding: 3px 8px;
font-size: 16px;
border: 1px solid #CCC;
margin-right: 3px;
}
.paging strong {
padding: 3px 8px;
font-size: 16px;
border: 1px solid #CCC;
margin-left: 2px;
}
.paging a {
font-size: 16px;
padding: 3px 8px;
border: 1px solid #CCC;
}