cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

4250 lines
121 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="{{ staticFile "/css/index.css"}}">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<title>{{.Title}}</title>
<meta name="keywords" content="{{.Keywords}}" />
<meta name="description" content="{{.Description}}" />
<style type="text/css" id="nitro-critical-css">
@charset "UTF-8";
ul {
box-sizing: border-box;
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal !important;
padding: 0;
position: absolute !important;
width: 1px;
}
body {
--wp--preset--color--black: #000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
--wp--preset--duotone--dark-grayscale: url("index.html");
--wp--preset--duotone--grayscale: url("index.html");
--wp--preset--duotone--purple-yellow: url("index.html");
--wp--preset--duotone--blue-red: url("index.html");
--wp--preset--duotone--midnight: url("index.html");
--wp--preset--duotone--magenta-yellow: url("index.html");
--wp--preset--duotone--purple-green: url("index.html");
--wp--preset--duotone--blue-orange: url("index.html");
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: .44rem;
--wp--preset--spacing--30: .67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:root {
--woocommerce: #a46497;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #a46497;
--wc-primary-text: white;
--wc-secondary: #ebe9eb;
--wc-secondary-text: #515151;
--wc-highlight: #77a464;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
}
@media only screen and (max-width:768px) {
:root {
--woocommerce: #a46497;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #a46497;
--wc-primary-text: white;
--wc-secondary: #ebe9eb;
--wc-secondary-text: #515151;
--wc-highlight: #77a464;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
}
}
:root {
--woocommerce: #a46497;
--wc-green: #7ad03a;
--wc-red: #a00;
--wc-orange: #ffba00;
--wc-blue: #2ea2cc;
--wc-primary: #a46497;
--wc-primary-text: white;
--wc-secondary: #ebe9eb;
--wc-secondary-text: #515151;
--wc-highlight: #77a464;
--wc-highligh-text: white;
--wc-content-bg: #fff;
--wc-subtext: #767676;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.wpfront-notification-bar {
visibility: hidden;
position: fixed;
overflow: hidden;
left: 0;
right: 0;
text-align: center;
color: #fff;
background-color: #000;
z-index: 99998;
}
.wpfront-bottom-shadow {
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .75);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .75);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .75);
}
.wpfront-notification-bar.wpfront-fixed {
position: fixed;
z-index: 99998;
width: 100%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
flex-direction: row;
}
.wpfront-notification-bar.wpfront-fixed-position {
z-index: 99999;
}
.wpfront-notification-bar.top {
top: 0;
}
.wpfront-notification-bar div.wpfront-close {
position: absolute;
top: 3px;
right: 5px;
font-family: Arial, sans-serif;
font-weight: bold;
line-height: 0;
font-size: 10px;
padding: 5px 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wpfront-notification-bar table,
.wpfront-notification-bar tbody,
.wpfront-notification-bar tr {
margin: auto;
border: 0;
padding: 0;
background: inherit;
}
.wpfront-notification-bar td {
background: inherit;
vertical-align: middle;
text-align: center;
border: 0;
margin: 0;
padding: 0;
line-height: 1em;
}
.wpfront-notification-bar div.wpfront-div {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 5px 0;
}
.wpfront-notification-bar-open-button {
position: absolute;
right: 10px;
z-index: 99998;
border: 3px solid white;
width: 23px;
height: 30px;
background-repeat: no-repeat;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.wpfront-notification-bar-open-button.hidden {
display: none;
}
.wpfront-notification-bar-open-button.top {
top: 0;
background-position: top center;
border-top: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.wpfront-notification-bar-spacer {
position: relative;
z-index: 99998;
}
.wpfront-notification-bar-spacer.wpfront-fixed-position {
z-index: 99999;
}
.wpfront-notification-bar-spacer.hidden {
display: none;
}
@media (min-width:320px) and (max-width:768px) {
.off-canvas-toggle {
top: 0 !important;
}
.navbar-toggle.off-canvas-toggle::before {
content: "Menu";
color: #fff;
position: absolute;
right: 41px;
top: 5px;
}
}
article,
header,
nav,
section {
display: block;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
b {
font-weight: bold;
}
img {
border: 0;
}
button,
input {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button {
text-transform: none;
}
button,
input[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-family: "rockwellregular", sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #909090;
background-color: #e9e9e9;
}
input,
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
background-image: none;
}
a {
color: #000;
text-decoration: none;
}
img {
vertical-align: middle;
}
p {
margin: 0 0 10px;
}
.text-center {
text-align: center;
}
h2,
h4 {
font-family: "montserratbold", sans-serif;
font-weight: 400;
line-height: 1.1;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
}
h2 {
font-size: 30px;
}
h4 {
font-size: 18px;
}
ul {
margin-top: 0;
margin-bottom: 10px;
}
ul ul {
margin-bottom: 0;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 9px;
padding-right: 9px;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
.row {
margin-left: -9px;
margin-right: -9px;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-12,
.col-md-6,
.col-md-12 {
position: relative;
min-height: 1px;
padding-left: 9px;
padding-right: 9px;
}
.col-xs-12 {
width: 100%;
}
@media (min-width:768px) {
.container {
max-width: 738px;
}
}
@media (min-width:992px) {
.container {
max-width: 958px;
}
.col-md-6 {
float: left;
}
.col-md-6 {
width: 50%;
}
.col-md-12 {
width: 100%;
}
}
@media (min-width:1200px) {
.container {
max-width: 1188px;
}
}
table {
max-width: 100%;
background-color: transparent;
}
.form-control:-moz-placeholder {
color: #999;
}
.form-control::-moz-placeholder {
color: #999;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 4px;
white-space: nowrap;
}
.btn-primary {
color: #000;
background-color: #fff;
border-color: #000;
}
.fade {
opacity: 0;
}
.collapse {
display: none;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted;
content: "";
}
.dropdown {
position: relative;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu>.active>a {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #179bb2;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .form-control {
width: 100%;
margin-bottom: 0;
}
.input-group-addon,
.input-group .form-control {
display: table-cell;
}
.input-group-addon {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group .form-control:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav>li {
position: relative;
display: block;
}
.nav>li>a {
position: relative;
display: block;
padding: 7px 16px;
}
.nav>li>a>img {
max-width: none;
}
.nav .caret {
border-top-color: #000;
border-bottom-color: #000;
}
.navbar {
position: relative;
z-index: 1000;
min-height: 36px;
margin-bottom: 0;
border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
.navbar:before,
.navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width:768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-header:before,
.navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
.navbar-header:before,
.navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width:768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 9px;
padding-left: 9px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 9px;
padding: 9px 10px;
margin-top: 1px;
margin-bottom: 1px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
@media (min-width:768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 4px -9px;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav>li {
float: left;
}
.navbar-nav>li>a {
padding-top: 8px;
padding-bottom: 8px;
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-default .navbar-nav>.active>a {
color: #fff;
background-color: #262a2e;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-collapse {
border-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 4px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}
button.close {
padding: 0;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-moz-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal-dialog {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: 1050;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid #e5e5e5;
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: none;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-body {
position: relative;
padding: 20px;
}
@media screen and (min-width:768px) {
.modal-dialog {
left: 50%;
right: auto;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.pull-left {
float: left !important;
}
@-ms-viewport {
width: device-width;
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: 320px;
}
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.hidden-xs {
display: block !important;
}
@media (max-width:767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
@media (max-width:767px) {
.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important;
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.pull-left {
float: left !important;
}
@-ms-viewport {
width: device-width;
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: 320px;
}
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.hidden-xs {
display: block !important;
}
@media (max-width:767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
@media (max-width:767px) {
.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important;
}
}
ul.menu {
margin: 0;
}
ul.menu:before,
ul.menu:after {
content: " ";
display: table;
}
ul.menu:after {
clear: both;
}
ul.menu:before,
ul.menu:after {
content: " ";
display: table;
}
ul.menu:after {
clear: both;
}
.header-v2 {
background: #50a9b9;
}
.header-v2 #main-menu {
margin-left: 20px;
}
.header-v2 .header-wrap .logo {
margin-top: 0;
}
.header-v2 .config {
position: relative;
}
.header-v2 .config .active-content {
position: absolute;
background: #fff;
min-width: 220px;
text-align: left;
padding: 20px;
top: 100%;
right: 0px;
display: none;
}
.header-v2 .wpo-wrapper {
max-width: 1230px;
margin: 0 auto;
}
.header-v2 .header-bottom {
position: absolute;
width: 100%;
height: auto;
padding: 0;
bottom: -48px;
z-index: 100;
}
.header-v2 .wpo-header {
position: relative;
background: #262a2e;
margin-bottom: 48px;
z-index: 1000;
}
.header-v2 .wpo-header>div {
padding-top: 0;
padding-bottom: 0;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 273px;
max-width: 273px;
width: auto;
padding: 20px 30px;
background: #d35346;
}
.header-v2 .wpo-header .search {
width: 65%;
padding: 6px;
background: #262a2e;
}
.header-v2 .wpo-header .search .wpo-search {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header-v2 .header-right {
width: 11%;
}
.header-v2 .header-right>div {
float: left;
display: table;
text-align: center;
background: #262a2e;
width: 46px;
height: 48px;
}
.header-v2 .header-right>div>* {
display: table-cell;
vertical-align: middle;
}
.header-v2 .header-right .cart {
width: 79px;
background: #d35346;
position: relative;
color: #000;
}
.header-v2 .header-right .cart a span {
color: #fff;
}
.header-v2 .header-right .cart-content {
background: #fff;
padding: 20px;
position: absolute;
top: 100%;
min-width: 270px;
right: 0;
display: none;
}
.header-v2 .header-right .fa {
color: #fff;
}
.wpo-header {
background: #d35346;
padding: 22px 0;
}
.wpo-header>div {
position: relative;
}
.header-wrap .logo {
z-index: 9998;
margin-top: 18px;
position: relative;
}
#wpo-mainbody {
margin-top: Infinitypx;
margin-bottom: Infinitypx;
}
.post-area article {
margin-bottom: 50px;
}
.entry-title {
font-family: "rockwellregular", sans-serif;
text-transform: none;
}
.entry-meta {
color: #c3c3c3;
font-size: 12px;
font-style: italic;
}
.entry-meta a {
color: #c3c3c3;
}
.blog-post-detail {
overflow: hidden;
}
.post-area .entry-title {
margin: 20px 0 10px 0;
}
.post-area .readmore {
margin-top: 20px;
}
h2 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
}
h2 {
font-size: 24px;
}
h4 {
font-size: 14px;
}
img {
max-width: 100%;
}
ul.menu {
list-style: none;
padding: 0;
}
.spinner {
background: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/wp-content/themes/bigshop/images/spinner.gif") no-repeat;
background-size: 20px 20px;
display: block;
opacity: .7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 0 auto;
}
.off-canvas-toggle {
z-index: 100;
}
#wpo-off-canvas {
background: #262a2e;
}
#wpo-off-canvas .wpo-search {
margin: 20px;
}
#wpo-off-canvas .wpo-search .input-search {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#wpo-off-canvas .wpo-search .btn-search {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#wpo-off-canvas .navbar {
border-top: 1px solid #111417;
-webkit-box-shadow: 0px -5px 1px -5px #32363a;
box-shadow: 0px -5px 1px -5px #32363a;
}
#wpo-off-canvas .navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.navbar-offcanvas {
background-color: #262a2e;
}
.navbar-offcanvas .navbar-nav>li {
margin: 0;
padding: 0;
border-bottom: 1px solid #111417;
-webkit-box-shadow: 0 6px 0 -5px #32363a;
box-shadow: 0 6px 0 -5px #32363a;
}
.navbar-offcanvas .navbar-nav>li>a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #999;
}
.navbar-offcanvas .navbar-collapse {
border-color: #16181a;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.navbar-offcanvas .navbar-nav .dropdown>a .caret {
border-top-color: #999;
border-bottom-color: #999;
}
html,
body {
height: 100%;
}
.wpo-wrapper {
background: #e9e9e9;
position: relative;
left: 0;
z-index: 99;
overflow: visible;
}
.wpo-wrapper::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, .2);
content: "";
opacity: 0;
z-index: 9999999;
}
.wpo-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 250px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.wpo-off-canvas::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .2);
content: "";
opacity: 1;
}
.wpo-off-canvas .wpo-off-canvas-body .close {
margin: 5px 15px;
width: 39px;
height: 39px;
line-height: 40px;
border: 0;
color: #000;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
background: #e5e5e5;
}
.wpo-off-canvas .wpo-off-canvas-body .close .fa {
font-size: 25px;
}
#main-menu {
margin: 0 0 0 75px;
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-left-color: transparent !important;
border-right-color: transparent !important;
}
#wpo-mainnav {
position: relative;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-nav ul {
padding: 0;
}
.navbar-nav ul li {
list-style: none;
}
.navbar-nav>li {
margin-right: 3px;
padding: 22px 0;
}
.navbar-nav>li>a {
font-size: 12px;
padding: 10px 18px;
min-height: inherit;
line-height: normal;
text-transform: uppercase;
font-family: "montserratregular", sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.navbar-nav>li .dropdown-menu {
margin: 0;
border: 0;
padding: 20px;
min-width: 210px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
.navbar-nav>li .dropdown-menu ul li {
line-height: 30px;
}
.navbar-nav>li .dropdown-menu ul li a {
background: transparent;
}
.navbar-nav>li .dropdown-menu ul li.active a {
color: #d35346;
}
@media (min-width:768px) {
.wpo-megamenu.animate .mega>.dropdown-menu {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
}
.wpo-megamenu.animate.slide .mega>.dropdown-menu>div {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
margin-top: -100%;
}
}
.breadcrumb {
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #000;
padding: 10px 0;
}
.breadcrumb a {
color: #909090;
}
.btn {
font-family: "montserratbold", sans-serif;
border-width: 2px;
text-transform: uppercase;
background-image: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
}
.btn.btn-close {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
display: block;
text-align: center;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #000;
}
.btn.btn-close .fa {
font-size: 15px;
margin: 5px;
}
.btn.btn-theme-default {
font-size: 10px;
padding: 9px 15px;
}
input:-webkit-autofill {
background: black;
color: red;
}
.wpo-search {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpo-search .input-search {
background: transparent;
border: 0px;
color: #6f757c;
font-size: 12px;
padding: 9px 14px;
height: 36px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wpo-search .fa {
color: #262a2e;
border: 0;
padding: 0;
background: none transparent;
}
.wpo-search .btn-search {
background: transparent;
border: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 6px;
padding-right: 6px;
border-color: #e5e5e5;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
input,
button {
padding: 6px;
border: 1px solid #e5e5e5;
color: #555;
}
h2,
h4 {
text-transform: uppercase;
color: #000;
}
#breadcrumb {
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
}
#wpo_modal_quickview {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: auto;
height: auto;
border: 0;
}
#wpo_modal_quickview .modal-dialog {
overflow: hidden;
}
#wpo_modal_quickview .modal-content {
border: 0;
}
#wpo_modal_quickview .modal-body {
padding: 30px;
}
#wpo_modal_quickview .modal-header {
border: 0;
}
.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal-lg {
width: 900px;
}
.wrapper {
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.wrapper.large-padding {
padding: 30px;
}
@media (min-width:992px) and (max-width:1199px) {
#main-menu {
margin: 0 0 0 50px;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 221px;
}
.header-v2 .header-right .cart {
width: 54px;
}
.header-v2 .header-right .config {
width: 43px;
}
}
@media (min-width:768px) and (max-width:991px) {
.navbar-nav .wpo-widget {
margin-bottom: 30px;
}
.header-v2 .wpo-header .logo-in-theme {
margin-top: 20px;
}
.header-v2 .config .active-content {
left: 0;
right: auto;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
.wpo-header .logo-in-theme {
margin-bottom: 20px;
float: none !important;
}
.wpo-header #main-menu {
margin: 0 auto;
}
.navbar-nav>li>.dropdown-menu {
top: 80px;
}
#main-menu {
text-align: center;
width: 100%;
}
#main-menu>li {
float: none;
display: inline-block;
}
#main-menu .dropdown-menu {
text-align: left;
}
}
@media (max-width:991px) {
.header-v2 .wpo-header .logo-in-theme {
margin-top: 20px;
}
.header-v2 .header-right .cart-content {
left: -100%;
top: 100%;
}
.header-v2 .header-bottom {
z-index: 9999;
}
.header-v2 .header-bottom ul {
margin: 0;
padding-left: 0;
}
.header-v2 .header-bottom li {
list-style-type: none;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
@media (max-width:767px) {
.header-v2 .wpo-header .logo-in-theme {
margin-top: 10px;
float: none !important;
}
.header-v2 .header-right {
width: auto;
float: none !important;
}
.header-v2 .header-right>div {
width: auto !important;
height: auto !important;
margin: 0 10px;
background: transparent !important;
}
.header-v2 .header-bottom {
bottom: 5px;
left: 10px;
width: auto;
}
.header-v2 .header-bottom {
z-index: 9999;
}
.header-v2 .header-bottom ul {
margin: 0;
padding-left: 0;
}
.header-v2 .header-bottom li {
list-style-type: none;
}
.header-v2 .config .active-content {
left: -30px;
right: auto;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
@media (max-width:480px) {
.header-v2 .wpo-header .logo-in-theme {
width: 100% !important;
max-width: none;
min-width: none;
}
.header-v2 .header-bottom {
bottom: 0;
height: 56px;
left: 20px;
line-height: 58px;
width: 100%;
}
#wpo-mainnav {
padding: 10px;
clear: both;
width: 100%;
display: block;
/* background: #d35346; */
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pull-left {
float: left;
}
.fa-user:before {
content: "";
}
.fa-times:before {
content: "";
}
.fa-shopping-cart:before {
content: "";
}
.fa-phone-square:before {
content: "";
}
.fa-envelope-square:before {
content: "";
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.pull-left {
float: left !important;
}
@-ms-viewport {
width: device-width;
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: 320px;
}
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.hidden-xs {
display: block !important;
}
@media (max-width:767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
@media (max-width:767px) {
.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important;
}
}
ul.menu {
margin: 0;
}
ul.menu:before,
ul.menu:after {
content: " ";
display: table;
}
ul.menu:after {
clear: both;
}
ul.menu:before,
ul.menu:after {
content: " ";
display: table;
}
ul.menu:after {
clear: both;
}
.header-v2 {
background: #50a9b9;
}
.header-v2 #main-menu {
margin-left: 20px;
}
.header-v2 .header-wrap .logo {
margin-top: 0;
}
.header-v2 .config {
position: relative;
}
.header-v2 .config .active-content {
position: absolute;
background: #fff;
min-width: 220px;
text-align: left;
padding: 20px;
top: 100%;
right: 0px;
display: none;
}
.header-v2 .wpo-wrapper {
max-width: 1230px;
margin: 0 auto;
}
.header-v2 .header-bottom {
position: absolute;
width: 100%;
height: auto;
padding: 0;
bottom: -48px;
z-index: 100;
}
.header-v2 .wpo-header {
position: relative;
background: #262a2e;
margin-bottom: 48px;
z-index: 1000;
}
.header-v2 .wpo-header>div {
padding-top: 0;
padding-bottom: 0;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 273px;
max-width: 273px;
width: auto;
padding: 20px 30px;
background: #d35346;
}
.header-v2 .wpo-header .search {
width: 65%;
padding: 6px;
background: #262a2e;
}
.header-v2 .wpo-header .search .wpo-search {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header-v2 .header-right {
width: 11%;
}
.header-v2 .header-right>div {
float: left;
display: table;
text-align: center;
background: #262a2e;
width: 46px;
height: 48px;
}
.header-v2 .header-right>div>* {
display: table-cell;
vertical-align: middle;
}
.header-v2 .header-right .cart {
width: 79px;
background: #d35346;
position: relative;
color: #000;
}
.header-v2 .header-right .cart a span {
color: #fff;
}
.header-v2 .header-right .cart-content {
background: #fff;
padding: 20px;
position: absolute;
top: 100%;
min-width: 270px;
right: 0;
display: none;
}
.header-v2 .header-right .fa {
color: #fff;
}
.wpo-header {
background: #d35346;
padding: 22px 0;
}
.wpo-header>div {
position: relative;
}
.header-wrap .logo {
z-index: 9998;
margin-top: 18px;
position: relative;
}
#wpo-mainbody {
margin-top: Infinitypx;
margin-bottom: Infinitypx;
}
.post-area article {
margin-bottom: 50px;
}
.entry-title {
font-family: "rockwellregular", sans-serif;
text-transform: none;
}
.entry-meta {
color: #c3c3c3;
font-size: 12px;
font-style: italic;
}
.entry-meta a {
color: #c3c3c3;
}
.blog-post-detail {
overflow: hidden;
}
.post-area .entry-title {
margin: 20px 0 10px 0;
}
.post-area .readmore {
margin-top: 20px;
}
h2 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
}
h2 {
font-size: 24px;
}
h4 {
font-size: 14px;
}
img {
max-width: 100%;
}
ul.menu {
list-style: none;
padding: 0;
}
.spinner {
background: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/wp-content/themes/bigshop/images/spinner.gif") no-repeat;
background-size: 20px 20px;
display: block;
opacity: .7;
filter: alpha(opacity=70);
width: 20px;
height: 20px;
margin: 0 auto;
}
.off-canvas-toggle {
z-index: 100;
}
#wpo-off-canvas {
background: #262a2e;
}
#wpo-off-canvas .wpo-search {
margin: 20px;
}
#wpo-off-canvas .wpo-search .input-search {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#wpo-off-canvas .wpo-search .btn-search {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#wpo-off-canvas .navbar {
border-top: 1px solid #111417;
-webkit-box-shadow: 0px -5px 1px -5px #32363a;
box-shadow: 0px -5px 1px -5px #32363a;
}
#wpo-off-canvas .navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.navbar-offcanvas {
background-color: #262a2e;
}
.navbar-offcanvas .navbar-nav>li {
margin: 0;
padding: 0;
border-bottom: 1px solid #111417;
-webkit-box-shadow: 0 6px 0 -5px #32363a;
box-shadow: 0 6px 0 -5px #32363a;
}
.navbar-offcanvas .navbar-nav>li>a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #999;
}
.navbar-offcanvas .navbar-collapse {
border-color: #16181a;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.navbar-offcanvas .navbar-nav .dropdown>a .caret {
border-top-color: #999;
border-bottom-color: #999;
}
html,
body {
height: 100%;
}
.wpo-wrapper {
background: #e9e9e9;
position: relative;
left: 0;
z-index: 99;
overflow: visible;
}
.wpo-wrapper::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, .2);
content: "";
opacity: 0;
z-index: 9999999;
}
.wpo-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 250px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.wpo-off-canvas::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .2);
content: "";
opacity: 1;
}
.wpo-off-canvas .wpo-off-canvas-body .close {
margin: 5px 15px;
width: 39px;
height: 39px;
line-height: 40px;
border: 0;
color: #000;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
background: #e5e5e5;
}
.wpo-off-canvas .wpo-off-canvas-body .close .fa {
font-size: 25px;
}
#main-menu {
margin: 0 0 0 75px;
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-left-color: transparent !important;
border-right-color: transparent !important;
}
#wpo-mainnav {
position: relative;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-nav ul {
padding: 0;
}
.navbar-nav ul li {
list-style: none;
}
.navbar-nav>li {
margin-right: 3px;
padding: 22px 0;
}
.navbar-nav>li>a {
font-size: 12px;
padding: 10px 18px;
min-height: inherit;
line-height: normal;
text-transform: uppercase;
font-family: "montserratregular", sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.navbar-nav>li .dropdown-menu {
margin: 0;
border: 0;
padding: 20px;
min-width: 210px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
.navbar-nav>li .dropdown-menu ul li {
line-height: 30px;
}
.navbar-nav>li .dropdown-menu ul li a {
background: transparent;
}
.navbar-nav>li .dropdown-menu ul li.active a {
color: #d35346;
}
@media (min-width:768px) {
.wpo-megamenu.animate .mega>.dropdown-menu {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
}
.wpo-megamenu.animate.slide .mega>.dropdown-menu>div {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
margin-top: -100%;
}
}
.breadcrumb {
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #000;
padding: 10px 0;
}
.breadcrumb a {
color: #909090;
}
.btn {
font-family: "montserratbold", sans-serif;
border-width: 2px;
text-transform: uppercase;
background-image: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-text-shadow: none;
text-shadow: none;
}
.btn.btn-close {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
display: block;
text-align: center;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #000;
}
.btn.btn-close .fa {
font-size: 15px;
margin: 5px;
}
.btn.btn-theme-default {
font-size: 10px;
padding: 9px 15px;
}
input:-webkit-autofill {
background: black;
color: red;
}
.wpo-search {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpo-search .input-search {
background: transparent;
border: 0px;
color: #6f757c;
font-size: 12px;
padding: 9px 14px;
height: 36px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wpo-search .fa {
color: #262a2e;
border: 0;
padding: 0;
background: none transparent;
}
.wpo-search .btn-search {
background: transparent;
border: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 6px;
padding-right: 6px;
border-color: #e5e5e5;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
input,
button {
padding: 6px;
border: 1px solid #e5e5e5;
color: #555;
}
h2,
h4 {
text-transform: uppercase;
color: #000;
}
#breadcrumb {
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
}
#wpo_modal_quickview {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: auto;
height: auto;
border: 0;
}
#wpo_modal_quickview .modal-dialog {
overflow: hidden;
}
#wpo_modal_quickview .modal-content {
border: 0;
}
#wpo_modal_quickview .modal-body {
padding: 30px;
}
#wpo_modal_quickview .modal-header {
border: 0;
}
.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal-lg {
width: 900px;
}
.wrapper {
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.wrapper.large-padding {
padding: 30px;
}
@media (min-width:992px) and (max-width:1199px) {
#main-menu {
margin: 0 0 0 50px;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 221px;
}
.header-v2 .header-right .cart {
width: 54px;
}
.header-v2 .header-right .config {
width: 43px;
}
}
@media (min-width:768px) and (max-width:991px) {
.navbar-nav .wpo-widget {
margin-bottom: 30px;
}
.header-v2 .wpo-header .logo-in-theme {
margin-top: 20px;
}
.header-v2 .config .active-content {
left: 0;
right: auto;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
.wpo-header .logo-in-theme {
margin-bottom: 20px;
float: none !important;
}
.wpo-header #main-menu {
margin: 0 auto;
}
.navbar-nav>li>.dropdown-menu {
top: 80px;
}
#main-menu {
text-align: center;
width: 100%;
}
#main-menu>li {
float: none;
display: inline-block;
}
#main-menu .dropdown-menu {
text-align: left;
}
}
@media (max-width:991px) {
.header-v2 .wpo-header .logo-in-theme {
margin-top: 20px;
}
.header-v2 .header-right .cart-content {
left: -100%;
top: 100%;
}
.header-v2 .header-bottom {
z-index: 9999;
}
.header-v2 .header-bottom ul {
margin: 0;
padding-left: 0;
}
.header-v2 .header-bottom li {
list-style-type: none;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
@media (max-width:767px) {
.header-v2 .wpo-header .logo-in-theme {
margin-top: 10px;
float: none !important;
}
.header-v2 .header-right {
width: auto;
float: none !important;
}
.header-v2 .header-right>div {
width: auto !important;
height: auto !important;
margin: 0 10px;
background: transparent !important;
}
.header-v2 .header-bottom {
bottom: 5px;
left: 10px;
width: auto;
}
.header-v2 .header-bottom {
z-index: 9999;
}
.header-v2 .header-bottom ul {
margin: 0;
padding-left: 0;
}
.header-v2 .header-bottom li {
list-style-type: none;
}
.header-v2 .config .active-content {
left: -30px;
right: auto;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
@media (max-width:480px) {
.header-v2 .wpo-header .logo-in-theme {
width: 100% !important;
max-width: none;
min-width: none;
}
.header-v2 .header-bottom {
bottom: 0;
height: 56px;
left: 20px;
line-height: 58px;
width: 100%;
}
#wpo-mainnav {
padding: 10px;
clear: both;
width: 100%;
display: block;
/* background: #d35346; */
}
input {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}
}
html {
background: url("{{ staticFile "/image/r64.webp"}}") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.header-v2,
body {
background: none !important;
}
table {
margin: 30px auto;
}
#wpo-mainbody {
padding-top: 20px;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 273px !important;
background: none repeat scroll 0% 0% #242a2e !important;
padding: 5px !important;
}
.callbar {
background-color: #262a2e;
color: #fff;
width: 17% !important;
font-size: 14px;
padding: 4px 30px;
}
.callbar a {
color: #fff;
margin-left: 7px;
}
.account-header {
width: 13% !important;
}
.config {
background-color: #26a3cc !important;
}
@media (min-width:768px) {
.col-xs-12,
.col-md-6,
.col-md-12 {
position: relative;
min-height: 1px;
padding-left: 9px;
padding-right: 9px;
}
}
.menu-item-7666 {
display: none !important;
}
@media only screen and (max-width:480px) {
.header-bottom {
display: none;
}
.menu-item-7666 {
display: block !important;
}
}
body,
p {
font-family: "Roboto", sans-serif !important;
}
h2,
h4,
li,
b,
span {
font-family: "Roboto", sans-serif !important;
}
#wpfront-notification-bar {
background: #0046e8;
background: -moz-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0046e8), color-stop(100%, #0046e8));
background: -webkit-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -o-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -ms-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: linear-gradient(to bottom, #0046e8 0%, #0046e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0046e8", endColorstr="#0046e8", GradientType=0);
background-repeat: no-repeat;
}
#wpfront-notification-bar div.wpfront-message {
color: #fff;
}
#wpfront-notification-bar-open-button {
background-color: #00b7ea;
right: 10px;
}
#wpfront-notification-bar-open-button.top {
background-image: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png");
}
#wpfront-notification-bar div.wpfront-close {
border: 1px solid #555;
background-color: #555;
color: #000;
}
#wpfront-notification-bar-spacer {
display: block;
}
body {
font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1.5em;
padding: 0;
margin: 0;
}
.entry-meta {
display: none !important;
}
</style>
<style id="nitro-fonts">
@font-face {
font-family: star;
font-weight: 400;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: WooCommerce;
font-weight: 400;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "WC_GC";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/plugins/woocommerce-gift-cards/assets/fonts/259f9a3fcbaa46d5bcbe77a75a48d80b.WC_GC.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellregular";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/26783-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellregularWOFF";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/26783-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellbold";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27793-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellboldWOFF";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27793-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellitalic";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27795-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "montserratregular";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/montserrat-regular-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "montserratbold";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/montserrat-bold-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/3ea6edc8d25534c4ffb726002177caa4.fontawesome-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "Glyphicons Halflings";
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/glyphicons-halflings-regular.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellregular";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/26783-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellregularWOFF";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/26783-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellbold";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27793-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellboldWOFF";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27793-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "rockwellitalic";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/27795-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "montserratregular";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/montserrat-regular-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "montserratbold";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/montserrat-bold-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/3ea6edc8d25534c4ffb726002177caa4.fontawesome-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
src: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/source/rev-22ca053/wp-content/themes/bigshop/fonts/78ce0913e643244b3221ed40bf2e7767.fontawesome-webfont.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
src: url("https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+1F00-1FFF;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+0370-03FF;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
font-display: swap;
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: swap;
}
</style>
</head>
<body class="blog header-v2 theme-bigshop woocommerce-no-js wpb-js-composer js-comp-ver-6.10.0 vc_responsive">
<div class="wpo-wrapper">
<!-- header -->
<header id="wpo-header" class="wpo-header">
<div class="container">
<div class="header-wrap clearfix">
<div class="logo-in-theme pull-left text-center">
<div class="logo"> <a href="{{.IndexUrl}}">
<img alt="{{.Title}}"
class="nitro-lazy"
src="{{replaceImage .Logo}}" />
</a> </div>
</div>
<nav id="wpo-mainnav" data-duration="400" class="wpo-megamenu slide animate navbar navbar-default"
role="navigation">
<div class="collapse navbar-collapse navbar-ex1-collapse" style="margin: 0 auto;">
<ul id="main-menu" class="nav navbar-nav megamenu">
<li id="menu-item-52" class="menu-item-52" data-id="52" data-alignsub="left"
data-level="1"><a href="{{.IndexUrl}}">{{lang "home"}}</a></li>
<li id="menu-item-51" class="menu-item-51" data-id="51" data-alignsub="left"
data-level="1"><a href="{{.AboutUrl}} ">{{lang "about"}}</a>
</li>
<li id="menu-item-51" class="menu-item-51" data-id="51" data-alignsub="left"
data-level="1"><a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
<li id="menu-item-51" class="menu-item-51" data-id="51" data-alignsub="left">
<a href="{{.PolicyUrl}} ">{{lang "policy"}}</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- main -->
<section id="wpo-mainbody" class="container wpo-mainbody">
<div class="row">
<div id="wpo-content" class="wpo-content col-xs-12 no-sidebar">
<div class="wrapper large-padding post-area">
{{range .Articles}}
<article id="post-141342"
class="post-141342 post type-post status-publish format-standard hentry category-news">
<div class="post-container clearfix">
<div class="blog-post-detail">
<div class="post-name">
<h2 class="entry-title"> <a href="{{.Url}}">
{{.Title}}
</a> </h2>
</div>
<p class="entry-content">{{.Summary}}
</p>
<div class="readmore"> <a
href="{{.Url}}"
class="btn btn-primary btn-theme-default">read more</a> </div>
</div>
</div>
</article>
{{end}}
</div>
<div class="wrapper no-margin small-padding clearfix">
<div style="display: flex; justify-content: space-between;padding: 20px;">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div>
<a href="{{.PrevUrl}}">Prev</a>
</div>
{{else}}
<div style="pointer-events: none;color: gray">
Prev
</div>
{{ end }}
<!-- 下一页 -->
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div>
<a href="{{.NextUrl}}">Next</a>
</div>
{{else}}
<div style="pointer-events: none;color: gray">
Next
</div>
{{ end }}
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer id="wpo-footer" class="wpo-footer footer-style1">
<section class="footer-top container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="inner">
<aside id="nav_menu-2" class="widget clearfix widget_nav_menu">
<h3 class="widget-title"><span>Quick Links</span></h3>
<div class="menu-footerlinks-container">
<ul id="menu-footerlinks" class="menu">
<li id="menu-item-22502"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-22502">
<a href="{{.IndexUrl}}">{{lang "home"}}</a></li>
<li id="menu-item-10402"
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10400 current_page_item current_page_parent menu-item-10402 active active active active active ">
<a href="{{.AboutUrl}} " aria-current="page">{{lang "about"}}</a></li>
<li id="menu-item-91"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91">
<a href="{{.ContactUrl}} ">{{lang "contact"}}</a></li>
<li id="menu-item-93"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93">
<a href="{{.PolicyUrl}} ">{{lang "policy"}}</a></li>
</ul>
</div>
</aside>
</div>
</div>
</div>
</section>
</footer>
</div>
<noscript id="nitro-deferred-styles">
<style type="text/css" onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='global-styles-inline-css' type='text/css' onload="NPRL.onLoadStyle(this)"
onerror="NPRL.onErrorStyle(this)">
body {
--wp--preset--color--black: #000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
--wp--preset--duotone--dark-grayscale: url("index.html");
--wp--preset--duotone--grayscale: url("index.html");
--wp--preset--duotone--purple-yellow: url("index.html");
--wp--preset--duotone--blue-red: url("index.html");
--wp--preset--duotone--midnight: url("index.html");
--wp--preset--duotone--magenta-yellow: url("index.html");
--wp--preset--duotone--purple-green: url("index.html");
--wp--preset--duotone--blue-orange: url("index.html");
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: .44rem;
--wp--preset--spacing--30: .67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:where(.is-layout-flex) {
gap: .5em;
}
body .is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
body .is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
body .is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex>* {
margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6;
}
</style>
<style type="text/css" onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
html {
background: url("{{ staticFile "/image/r64.webp"}}") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.header-v2,
body {
background: none !important;
}
.wpo-footer .social {
padding-top: 10px;
width: 80%;
margin: 0 auto;
}
.wpo-footer .group-input-form .input-group-addon .fa {
color: #d8d8d8;
}
.product-footer {
clear: both;
padding: 30px 10px 30px 30px;
}
table {
margin: 30px auto;
}
#wpo-mainbody {
padding-top: 20px;
}
.subscript {
font-size: 10px;
}
.wpo-sidebar .carousel-controls:before,
.wpo-sidebar .carousel-controls:after {
display: block;
}
.wpo-footer .carousel-controls {
position: relative;
top: 0px;
right: 0px;
z-index: 100;
text-shadow: none;
}
.wpo-sidebar .box .carousel-controls a,
.wpo-footer .carousel-controls a {
width: 16px;
height: 16px;
border-radius: 20px;
border: 1px solid #e5e5e5;
background: none repeat scroll 0% 0% transparent;
display: block;
line-height: normal;
text-align: center;
margin: 0px 2px;
padding: 0px;
position: relative;
float: left;
}
.wpo-sidebar .box .carousel-controls .fa,
.wpo-footer .carousel-controls .fa {
float: left;
margin: 0px auto;
padding: 0px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
display: block;
width: 10px;
height: 14px;
position: absolute;
line-height: normal;
font-size: 12px;
background: none repeat scroll 0% 0% transparent;
color: #fff;
}
.wpo-footer .carousel-controls:after {
clear: none;
}
.wpo-footer .carousel-inner {
display: inline-block;
}
.grey-title {
color: #808080;
}
.backToTop {
position: fixed;
bottom: 1em;
right: 1.5em;
text-decoration: none;
font-size: 3em;
color: #424242;
opacity: .6;
}
.header-v2 .wpo-header .logo-in-theme {
min-width: 273px !important;
background: none repeat scroll 0% 0% #242a2e !important;
padding: 5px !important;
}
.header-v2 .wpo-header .widget-vertical-menu {
background: none !important;
}
.woocommerce .woocommerce-info:before {
padding: 0 !important;
}
.compare-list {
background-color: #fff;
}
.callbar {
background-color: #262a2e;
color: #fff;
width: 17% !important;
font-size: 14px;
padding: 4px 30px;
}
.callbar a {
color: #fff;
margin-left: 7px;
}
.account-header {
width: 13% !important;
}
.config {
background-color: #26a3cc !important;
}
.stock {
display: none;
}
.woocommerce-product-gallery__image {
pointer-events: none;
}
.wpforms-field-row.wpforms-field-medium {
width: 100% !important;
max-width: 100% !important;
}
input#wpforms-32714-field_4 {
max-width: 100%;
}
input#wpforms-32714-field_1 {
max-width: 100%;
}
button#wpforms-submit-32714 {
background: #1a1f23;
color: #fff;
border-radius: 4px;
width: 100%;
}
input#wpforms-32714-field_0,
input#wpforms-32714-field_0-last,
input#wpforms-32714-field_4,
input#wpforms-32714-field_1,
textarea#wpforms-32714-field_2 {
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 4px;
}
.page-id-32 div#wpforms-32714 {
max-width: 100%;
}
form#wpforms-form-32714 {
background: #edf1f0;
padding: 10px;
border-radius: 10px;
margin-top: -20px;
}
.contact-form-content {
padding: 10px;
background: #edf1f0;
margin-bottom: 0px;
min-height: unset;
border-radius: 10px;
}
.contact-form-content h5 {
text-transform: none;
line-height: 24px;
font-size: 14px;
}
.page-id-37 .wpb_wrapper,
.page-id-37 .col-sm-12.vc_ {
display: block;
clear: both;
}
html.nitro-lazy {
background-image: none !important;
}
</style>
<style type="text/css" id="wp-custom-css" onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
.woocommerce-cart .wc-proceed-to-checkout {
display: block !important;
}
@media only screen and (max-width: 767px) {
.product-block .image .wp-post-image {
height: 100%;
}
}
@media only screen and (min-width: 986px) {
#post-12 .product-block .image img {
height: 269px;
}
#wpo-main-content .product-block .image img {
height: 205px;
}
}
div.product-addon-totals {
margin-bottom: 20px;
}
.table.cart #coupon_code {
width: 140px;
}
</style>
<style onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
@media (min-width: 768px) {
.col-sm-4 {
width: 33.33333333% !important;
}
.products .first {
clear: none !important;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 9px;
padding-right: 9px;
}
}
.archive .products .first {
clear: none !important;
}
.menu-item-7666 {
display: none !important;
}
@media only screen and (max-width: 480px) {
.header-bottom {
display: none;
}
.woocommerce div.product {
width: 100%;
clear: both;
}
.menu-item-7666 {
display: block !important;
}
}
.single-product .nav-tabs {
display: none;
}
.single-product .tab-content.col-md-9.col-sm-12 {
width: 100%;
}
</style>
<style onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
@media only screen and (min-width: 992px) {
.page-id-42 .products {
position: absolute;
right: 0;
width: 50%;
}
.page-id-42 .woocommerce .col-md-3 {
width: 50%;
}
}
body,
p {
font-family: "Roboto", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
b,
strong,
span {
font-family: "Roboto", sans-serif !important;
}
</style>
<style type="text/css" onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
#wpfront-notification-bar,
#wpfront-notification-bar-editor {
background: #0046e8;
background: -moz-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0046e8), color-stop(100%, #0046e8));
background: -webkit-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -o-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: -ms-linear-gradient(top, #0046e8 0%, #0046e8 100%);
background: linear-gradient(to bottom, #0046e8 0%, #0046e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0046e8", endColorstr="#0046e8", GradientType=0);
background-repeat: no-repeat;
}
#wpfront-notification-bar div.wpfront-message,
#wpfront-notification-bar-editor li,
#wpfront-notification-bar-editor p {
color: #fff;
}
#wpfront-notification-bar a.wpfront-button,
#wpfront-notification-bar-editor a.wpfront-button {
background: #00b7ea;
background: -moz-linear-gradient(top, #00b7ea 0%, #00b7ea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b7ea), color-stop(100%, #00b7ea));
background: -webkit-linear-gradient(top, #00b7ea 0%, #00b7ea 100%);
background: -o-linear-gradient(top, #00b7ea 0%, #00b7ea 100%);
background: -ms-linear-gradient(top, #00b7ea 0%, #00b7ea 100%);
background: linear-gradient(to bottom, #00b7ea 0%, #00b7ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b7ea", endColorstr="#00b7ea", GradientType=0);
color: #fff;
}
#wpfront-notification-bar-open-button {
background-color: #00b7ea;
right: 10px;
}
#wpfront-notification-bar-open-button.top {
background-image: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png");
}
#wpfront-notification-bar-open-button.top.nitro-lazy {
background-image: none !important;
}
#wpfront-notification-bar-open-button.bottom {
background-image: url("https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png");
}
#wpfront-notification-bar-open-button.bottom.nitro-lazy {
background-image: none !important;
}
#wpfront-notification-bar-table,
.wpfront-notification-bar tbody,
.wpfront-notification-bar tr {}
#wpfront-notification-bar div.wpfront-close {
border: 1px solid #555;
background-color: #555;
color: #000;
}
#wpfront-notification-bar div.wpfront-close:hover {
border: 1px solid #aaa;
background-color: #aaa;
}
#wpfront-notification-bar-spacer {
display: block;
}
body {
font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1.5em;
padding: 0;
margin: 0;
}
</style>
<link rel="stylesheet" onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)"
href="https://cdn-ajbji.nitrocdn.com/vqfyOQtlhwVQXhHGjKNXPkCIDeRyuZGL/assets/static/optimized/rev-22ca053/combinedCss/nitro-min-noimport-2c3961cde72c77591e4b6ce9e5a4a7e3-stylesheet.css" />
</noscript>
</body>
</html>