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.
 
 
 
 

1815 lines
40 KiB

<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<style id="aoatfcss" media="all">
@charset "UTF-8";
.fa {
display: inline-block;
font: 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-search:before {
content: "\f002"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-phone:before {
content: "\f095"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook:before {
content: "\f09a"
}
.fa-bars:before {
content: "\f0c9"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-instagram:before {
content: "\f16d"
}
.icon_close {
font-family: ElegantIcons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
.icon_close:before {
content: "\4d"
}
.gdlr-core-page-builder-body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.gdlr-core-page-builder-body p {
margin-top: 0;
margin-bottom: 20px;
font-size: inherit
}
.gdlr-core-page-builder-body ul {
margin-top: 0
}
.gdlr-core-page-builder-body img {
max-width: 100%;
height: auto
}
.gdlr-core-page-builder-body a {
text-decoration: none
}
.gdlr-core-container {
margin-left: auto;
margin-right: auto
}
.gdlr-core-item-pdb {
padding-bottom: 30px
}
.gdlr-core-media-image {
line-height: 0;
position: relative
}
.gdlr-core-left-align {
text-align: left
}
.gdlr-core-center-align {
text-align: center
}
.gdlr-core-column-15 {
float: left;
width: 25%
}
.gdlr-core-column-20 {
float: left;
width: 33.3333%
}
.gdlr-core-column-30 {
float: left;
width: 50%
}
.gdlr-core-column-40 {
float: left;
width: 66.6666%
}
.gdlr-core-column-45 {
float: left;
width: 75%
}
.gdlr-core-column-first {
clear: left
}
::placeholder {
opacity: 1
}
.gdlr-core-pbf-wrapper {
padding: 60px 0 30px;
position: relative
}
.gdlr-core-pbf-wrapper-container {
margin-left: auto;
margin-right: auto
}
.gdlr-core-pbf-column,
.gdlr-core-pbf-column-content-margin {
position: relative
}
.gdlr-core-pbf-column-content {
position: relative;
margin-left: auto;
margin-right: auto;
min-height: 1px
}
.gdlr-core-pbf-element {
clear: both
}
.gdlr-core-pbf-background {
width: 100%;
height: 100%;
backface-visibility: hidden
}
.gdlr-core-pbf-background-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -2
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.gdlr-core-pbf-background {
background-attachment: scroll !important
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.gdlr-core-pbf-background {
background-attachment: scroll !important
}
}
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-item-pdlr {
padding-left: 0;
padding-right: 0
}
@media only screen and (max-width:999px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -50px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -50px
}
}
@media only screen and (min-width:1000px) and (max-width:1170px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -100px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -100px
}
}
@media only screen and (min-width:1171px) and (max-width:1400px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -200px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -200px
}
}
@media only screen and (min-width:1401px) and (max-width:1600px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -300px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -300px
}
}
@media only screen and (min-width:1601px) and (max-width:1800px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -400px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -400px
}
}
@media only screen and (min-width:1801px) {
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap {
margin-left: -500px
}
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-right: -500px
}
}
.gdlr-core-button {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .8px;
padding: 15px 33px;
display: inline-block;
-webkit-appearance: none;
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-border-radius: 27px
}
.gdlr-core-button-with-border {
border-width: 1px;
border-style: solid
}
.gdlr-core-button .gdlr-core-content {
display: inline-block;
vertical-align: middle
}
.gdlr-core-body .gdlr-core-button.gdlr-core-button-transparent {
background: 0 0
}
.gdlr-core-title-item .gdlr-core-title-item-caption {
font-size: 16px;
font-style: italic;
display: block
}
.gdlr-core-title-item .gdlr-core-title-item-title {
font-size: 41px;
font-weight: 800;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0
}
.gdlr-core-title-item .gdlr-core-title-item-title-wrap {
position: relative
}
.gdlr-core-title-item .gdlr-core-title-item-divider {
position: absolute;
top: 50%;
margin-top: -1px;
border-bottom-width: 1px;
border-bottom-style: solid
}
.gdlr-core-title-item .gdlr-core-title-item-divider.gdlr-core-right {
right: 0
}
.gdlr-core-title-item-caption-bottom .gdlr-core-title-item-caption {
margin-top: 10px
}
.gdlr-core-image-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden
}
.gdlr-core-image-overlay-content {
position: absolute;
left: 40px;
right: 40px;
top: 50%;
line-height: 1.55;
display: block
}
.gdlr-core-blog-list .gdlr-core-blog-info .gdlr-core-blog-info-sep {
margin-right: 15px
}
.gdlr-core-blog-list .gdlr-core-blog-info:first-child .gdlr-core-blog-info-sep {
display: none
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title {
font-size: 13px;
font-weight: 800;
position: relative;
float: left;
margin-right: 20px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title:after {
content: "\f107";
font-family: fontAwesome;
margin-left: 10px;
float: right
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head-wrap {
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
left: 0;
top: 100%;
display: none;
z-index: 103;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 5px;
min-width: 140px
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head {
padding: 3px 18px
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head.gdlr-core-active {
display: none
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content-wrap {
overflow: hidden;
padding-top: 4px
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content {
display: none;
white-space: nowrap
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-content.gdlr-core-active {
display: block
}
.gdlr-core-divider-item {
position: relative;
z-index: 1;
margin-bottom: 30px
}
.gdlr-core-divider-item .gdlr-core-divider-container {
position: relative;
margin-left: auto;
margin-right: auto
}
.gdlr-core-divider-item.gdlr-core-left-align .gdlr-core-divider-container {
margin-left: 0
}
.gdlr-core-divider-item-normal .gdlr-core-divider-line {
border-bottom-width: 1px;
border-bottom-style: solid
}
.gdlr-core-zoom-on-hover {
overflow: hidden
}
.gdlr-core-flexslider.flexslider ul.slides {
zoom: 1;
margin-left: 0;
margin-bottom: 0;
list-style: none
}
.gdlr-core-flexslider.flexslider ul.slides:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.gdlr-core-flexslider.flexslider ul.slides>li {
margin-bottom: 0;
display: none;
-webkit-backface-visibility: hidden
}
.gdlr-core-flexslider.flexslider[data-type=carousel] ul.slides>li {
margin-left: 0
}
.gdlr-core-flexslider {
position: relative
}
.gdlr-core-portfolio-thumbnail {
position: relative;
overflow: hidden
}
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-overlay {
text-align: center
}
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-title {
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 0;
display: block;
line-height: 1.4
}
.gdlr-core-flexslider.flexslider ul.slides>li .gdlr-core-portfolio-grid {
margin-bottom: 0
}
.gdlr-core-portfolio-grid {
margin-bottom: 40px;
position: relative
}
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap {
padding-top: 28px
}
.gdlr-core-portfolio-grid .gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 7px;
position: relative
}
.gdlr-core-portfolio-item-style-grid-no-space .gdlr-core-portfolio-content-wrap {
padding-left: 30px;
padding-right: 30px
}
@media only screen and (max-width:767px) {
.gdlr-core-hide-in-mobile {
display: none
}
body .gdlr-core-container {
max-width: 500px;
padding-left: 15px;
padding-right: 15px
}
.gdlr-core-pbf-wrapper {
padding-left: 0 !important;
padding-right: 0 !important
}
.gdlr-core-pbf-column-content-margin {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important
}
.gdlr-core-pbf-wrapper-full-no-space {
max-width: 500px
}
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pbf-column-content-margin {
padding-left: 30px !important;
padding-right: 30px !important
}
.gdlr-core-pbf-background {
background-attachment: inherit !important
}
.gdlr-core-column-extend-left>.gdlr-core-pbf-background-wrap,
.gdlr-core-column-extend-right>.gdlr-core-pbf-background-wrap {
margin-left: -30px;
margin-right: -30px
}
.gdlr-core-column-15,
.gdlr-core-column-20,
.gdlr-core-column-30,
.gdlr-core-column-40,
.gdlr-core-column-45 {
width: 100%
}
.gdlr-core-pbf-column-content {
min-height: 0
}
}
.gdlr-core-revolution-slider-item {
z-index: 0;
position: relative
}
.rs-p-wp-fix {
display: none !important;
margin: 0 !important;
height: 0 !important
}
rs-module-wrap {
visibility: hidden;
position: relative;
z-index: 1;
width: 100%;
display: block
}
rs-module-wrap,
rs-module-wrap * {
box-sizing: border-box
}
rs-module {
position: relative;
overflow: hidden;
display: block
}
rs-module img {
max-width: none !important;
margin: 0;
padding: 0;
border: none
}
rs-slide,
rs-slide:before,
rs-slides {
position: absolute;
text-indent: 0;
top: 0;
left: 0
}
rs-slide,
rs-slide:before {
display: block;
visibility: hidden
}
:root {
--avalon23-my-custom1-color1: #e7eff2;
--avalon23-my-custom1-color2: #3485b3;
--avalon23-my-custom1-color3: #7b99bd;
--avalon23-my-custom1-color4: #b2ccd4;
--avalon23-my-custom1-color5: #7b99bd;
--avalon23-my-custom1-color6: #b5cdd6;
--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
}
a,
body,
div,
form,
h3,
header,
html,
i,
img,
li,
p,
span,
ul {
border: 0;
outline: 0;
vertical-align: baseline;
background: 0 0;
margin: 0;
padding: 0
}
header {
display: block
}
ul {
list-style: disc
}
ul ul {
list-style: circle
}
input[type=submit] {
margin: 0;
padding: 0
}
a img,
input {
vertical-align: middle
}
i {
font-style: italic
}
html {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
word-break: break-word
}
p {
margin-bottom: 20px
}
ul {
margin-left: 35px;
margin-bottom: 20px
}
h3 {
line-height: 1.2;
margin-bottom: 20px
}
.clearfix {
zoom: 1
}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.realfactory-body-outer-wrapper {
position: relative;
overflow: hidden
}
.realfactory-body-wrapper.realfactory-with-frame {
position: relative
}
.realfactory-page-wrapper {
clear: both
}
.realfactory-container {
margin-left: auto;
margin-right: auto
}
a {
text-decoration: none
}
img {
max-width: 100%;
height: auto
}
.realfactory-body-wrapper {
overflow: hidden;
z-index: 1
}
input {
border-width: 1px 1px 2px;
border-style: solid
}
input[type=submit] {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .8px;
padding: 15px 33px;
display: inline-block;
-webkit-appearance: none
}
input[type=submit] {
border-width: 0;
border-style: solid
}
.realfactory-top-bar {
position: relative;
border-bottom-style: solid
}
.realfactory-top-bar-background {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0
}
.realfactory-top-bar-container {
position: relative;
margin-left: auto;
margin-right: auto
}
.realfactory-top-bar-left {
float: left
}
.realfactory-top-bar-right {
float: right
}
.realfactory-top-bar-right-social {
display: inline;
margin-left: 10px
}
.realfactory-top-bar-right-social a {
margin-left: 25px
}
.realfactory-mm-menu-wrap {
display: none
}
.realfactory-mobile-button-hamburger-with-border {
font-size: 16px;
padding: 6px;
line-height: 0;
width: 32px;
height: 32px;
text-align: center;
display: inline-block;
border-width: 2px;
border-style: solid;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.realfactory-mobile-menu {
float: left;
margin-top: -8px;
margin-left: 30px
}
.realfactory-mobile-menu-right {
position: absolute;
right: 30px;
top: 50%;
margin-top: -9px
}
.realfactory-navigation .sf-menu {
display: inline-block;
line-height: 1.7;
text-align: left;
margin-bottom: 0
}
.realfactory-navigation .sf-menu>li:first-child {
padding-left: 0
}
.realfactory-navigation .sf-menu>li:last-child {
padding-right: 0
}
.realfactory-navigation .sf-menu>li>a {
letter-spacing: .5px
}
.realfactory-navigation .sf-menu>.realfactory-normal-menu li {
padding: 1px 11px
}
.realfactory-navigation .sf-menu>.realfactory-normal-menu li:first-child {
padding-top: 12px
}
.realfactory-navigation .sf-menu>.realfactory-normal-menu li:last-child {
padding-bottom: 12px
}
.realfactory-navigation .sf-menu>.realfactory-normal-menu li>a {
display: block;
padding: 6px 12px
}
.realfactory-navigation .sf-menu>.realfactory-normal-menu .sub-menu {
font-size: 14px
}
.realfactory-navigation .realfactory-navigation-slide-bar {
border-bottom-width: 4px;
border-bottom-style: solid;
position: absolute;
display: none;
margin-top: -4px;
overflow: hidden
}
.realfactory-top-search-wrap input.search-field {
border-bottom-color: #303030;
color: #fff;
background: 0 0;
width: 100%;
border-width: 0 0 3px;
font-size: 40px;
padding: 0 120px 25px 0;
line-height: 48px;
letter-spacing: .5px
}
.realfactory-top-search-wrap .realfactory-top-search-close,
.realfactory-top-search-wrap .realfactory-top-search-submit {
color: #fff
}
.realfactory-top-search-wrap input::-webkit-input-placeholder {
color: #fff
}
.realfactory-top-search-wrap input::-moz-placeholder {
color: #fff
}
.realfactory-top-search-wrap input:-ms-input-placeholder {
color: #fff
}
.realfactory-top-search-wrap input:-moz-placeholder {
color: #fff
}
.realfactory-top-search-row {
display: table;
width: 100%;
height: 100%
}
.realfactory-top-search-cell {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px
}
.realfactory-top-search-wrap {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
overflow-y: auto;
display: none
}
.realfactory-top-search-wrap form {
max-width: 630px;
margin-left: auto;
margin-right: auto;
position: relative
}
.realfactory-top-search-wrap input.search-submit {
position: absolute;
top: 0;
right: 52px;
width: 48px;
height: 48px;
padding: 0;
opacity: 0
}
.realfactory-top-search-wrap .realfactory-top-search-submit {
font-size: 30px;
position: absolute;
right: 52px;
top: 0;
line-height: 48px;
width: 48px;
text-align: center
}
.realfactory-top-search-wrap .realfactory-top-search-close {
font-size: 48px;
position: absolute;
right: 0;
top: 0;
line-height: 48px;
width: 48px;
text-align: center
}
.realfactory-main-menu-right-button {
float: left;
padding: 8px 15px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: -8px;
margin-left: 30px;
border-radius: 3px;
border-width: 2px;
border-style: solid
}
.realfactory-main-menu-search {
float: left;
margin-top: -1px;
margin-left: 25px
}
.realfactory-main-menu-search i {
font-size: 14px;
margin-top: -1px
}
.realfactory-main-menu-cart {
float: left;
margin-top: 0;
padding-left: 20px;
margin-left: 5px;
position: relative
}
.realfactory-main-menu-cart i {
font-size: 16px;
margin-top: -1px
}
.realfactory-main-menu-cart>.realfactory-top-cart-count {
font-size: 10px;
font-weight: 700;
vertical-align: super;
width: 16px;
height: 16px;
line-height: 15px;
position: absolute;
top: -5px;
right: -8px;
text-align: center;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%
}
.realfactory-top-cart-content-wrap {
position: absolute;
width: 210px;
right: 0;
top: 100%;
padding-top: 24px;
z-index: 99
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-content {
padding: 25px;
text-align: left;
font-size: 16px;
font-weight: 700
}
.realfactory-top-cart-content-wrap .woocommerce-Price-amount.amount {
float: none
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-count-wrap {
margin-bottom: 8px
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-amount-wrap {
margin-bottom: 23px
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-button {
display: block;
margin-bottom: 5px
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-checkout-button {
display: block
}
.realfactory-main-menu-cart .realfactory-top-cart-hover-area {
position: absolute;
top: -20px;
right: 0;
bottom: -20px;
left: 0
}
.realfactory-top-cart-hover-area+.realfactory-top-cart-content-wrap {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 15px, 0);
-webkit-transform: translate3d(0, 15px, 0)
}
.realfactory-logo {
position: relative
}
.realfactory-header-container {
position: relative;
margin-left: auto;
margin-right: auto
}
.realfactory-header-container-inner {
position: relative
}
.realfactory-header-style-plain {
position: relative;
border-bottom-style: solid
}
.realfactory-header-style-plain .realfactory-navigation {
line-height: 0
}
.realfactory-header-style-plain .realfactory-header-background {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0
}
.realfactory-header-style-plain.realfactory-style-menu-right .realfactory-logo {
float: left
}
.realfactory-header-style-plain.realfactory-style-menu-right .realfactory-navigation {
float: right
}
.realfactory-header-style-plain.realfactory-style-menu-right .realfactory-main-menu {
display: inline-block;
vertical-align: top
}
.realfactory-header-style-plain.realfactory-style-menu-right .realfactory-main-menu-right-wrap {
display: inline-block;
line-height: 1.7;
margin-left: 10px;
vertical-align: top
}
.realfactory-mobile-header-wrap {
display: none
}
.realfactory-mobile-header {
padding-top: 15px;
padding-bottom: 15px;
z-index: 9999;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.realfactory-mobile-header .realfactory-mobile-header-container {
position: relative
}
.realfactory-mobile-header .realfactory-logo {
padding: 0 15px
}
.realfactory-mobile-header .realfactory-logo-inner {
line-height: 45px;
margin-right: 110px
}
.realfactory-mobile-header .realfactory-logo-inner img {
vertical-align: middle;
width: auto
}
.realfactory-mobile-header .realfactory-mobile-menu {
margin-left: 15px
}
.realfactory-mobile-header .realfactory-main-menu-cart {
margin-left: 0;
padding-left: 15px
}
@media only screen and (max-width:999px) {
body {
width: 100%;
overflow-x: hidden
}
.realfactory-top-bar {
display: none
}
.realfactory-header-wrap.realfactory-header-style-plain,
.realfactory-sticky-navigation {
display: none !important
}
.realfactory-mobile-header-wrap {
display: block
}
}
@media only screen and (max-width:767px) {
body.realfactory-body-front .gdlr-core-container,
body.realfactory-body-front .realfactory-container {
max-width: 500px;
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (max-width:419px) {
body {
min-width: 320px
}
.realfactory-top-search-wrap input.search-field {
font-size: 30px;
padding-right: 90px;
padding-bottom: 10px
}
.realfactory-top-search-wrap .realfactory-top-search-submit {
right: 48px;
font-size: 24px;
margin-top: -2px
}
.realfactory-top-search-wrap input.search-submit {
right: 48px
}
.realfactory-top-search-wrap .realfactory-top-search-close {
font-size: 40px
}
}
.sf-menu {
list-style: none;
margin-left: 0
}
.sf-menu>li {
float: left
}
.sf-menu>li>a {
display: block;
text-decoration: none;
position: relative;
z-index: 9
}
.sf-menu>.realfactory-normal-menu ul {
list-style: none;
position: absolute;
display: none;
z-index: 99;
min-width: 220px;
margin-left: -15px
}
.sf-menu>.realfactory-normal-menu li {
position: relative;
white-space: nowrap
}
.sf-menu>.realfactory-normal-menu li a {
text-decoration: none
}
.realfactory-body h3 {
margin-top: 0;
margin-bottom: 20px;
line-height: 1.2;
font-weight: 700
}
.gdlr-core-button {
text-transform: none;
letter-spacing: .5px
}
.gdlr-core-flexslider[data-nav-parent=gdlr-core-portfolio-item] {
position: static
}
.gdlr-core-portfolio-thumbnail .gdlr-core-portfolio-title {
font-size: 16px;
letter-spacing: 1px;
font-weight: 400
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title {
padding: 7px 13px 7px 17px;
margin-top: -4px
}
.realfactory-body-wrapper.realfactory-with-frame {
margin: 0
}
.gdlr-core-item-pdlr,
.realfactory-item-pdlr {
padding-left: 15px;
padding-right: 15px
}
.gdlr-core-container,
.realfactory-container {
max-width: 1180px
}
.realfactory-body-front .gdlr-core-container,
.realfactory-body-front .realfactory-container {
padding-left: 15px;
padding-right: 15px
}
.realfactory-top-bar {
padding-top: 16px;
padding-bottom: 14px;
font-size: 15px;
border-bottom-width: 0
}
.realfactory-header-style-plain {
border-bottom-width: 1px
}
.realfactory-navigation .sf-menu>li {
padding-left: 23px;
padding-right: 23px
}
.realfactory-logo {
padding-top: 21px;
padding-bottom: 21px
}
.realfactory-logo-inner {
max-width: 190px
}
.realfactory-navigation {
padding-top: 43px
}
.realfactory-navigation .sf-menu>li>a {
padding-bottom: 13px;
font-weight: 600;
text-transform: uppercase
}
.realfactory-body,
.realfactory-body .gdlr-core-info-font,
.realfactory-body .gdlr-core-title-font,
.realfactory-body .realfactory-title-font,
.realfactory-body h3,
.realfactory-body input,
.realfactory-navigation .sf-menu>li>a,
.realfactory-navigation-font {
font-family: Hind, sans-serif
}
.realfactory-body h3 {
font-size: 36px
}
.realfactory-navigation .sf-menu>li>a {
font-size: 14px
}
.realfactory-body {
font-size: 15px
}
.realfactory-body,
.realfactory-body p {
line-height: 1.7
}
.realfactory-top-bar-background {
background-color: #999
}
.realfactory-body .realfactory-top-bar {
border-bottom-color: #fff
}
.realfactory-body .realfactory-top-bar a,
.realfactory-top-bar {
color: #fff
}
.realfactory-top-bar .realfactory-top-bar-right-social a {
color: #000
}
.realfactory-header-background {
background-color: #fff
}
.realfactory-header-wrap.realfactory-header-style-plain {
border-color: #000
}
.realfactory-navigation .realfactory-navigation-slide-bar {
border-color: #c33
}
.realfactory-navigation .realfactory-navigation-slide-bar:before {
border-bottom-color: #c33
}
.realfactory-main-menu-cart i,
.realfactory-main-menu-search i {
color: #fff
}
.realfactory-main-menu-cart>.realfactory-top-cart-count {
background-color: #c33;
color: #fff
}
.realfactory-mobile-menu-button i {
color: #777
}
.realfactory-mobile-menu .realfactory-mobile-menu-button {
border-color: #7f7f7f
}
.realfactory-mobile-header .realfactory-main-menu-cart i,
.realfactory-mobile-header .realfactory-main-menu-search i,
.realfactory-mobile-header .realfactory-mobile-menu-button i {
color: #383838
}
.realfactory-mobile-menu .realfactory-mobile-menu-button {
border-color: #ddd
}
.realfactory-top-search-wrap {
background-color: rgba(0, 0, 0, .88)
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-content {
background-color: #303030
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-content span,
.realfactory-top-cart-content-wrap .realfactory-top-cart-content span.woocommerce-Price-amount.amount {
color: #b5b5b5
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-button {
color: #fff
}
.realfactory-top-cart-content-wrap .realfactory-top-cart-checkout-button {
color: #c33
}
.sf-menu>li>a {
color: #000
}
.sf-menu>.realfactory-normal-menu li {
background-color: #fff
}
.sf-menu>li>.sub-menu a {
color: #000
}
.realfactory-body .realfactory-main-menu-right-button {
color: #fff;
background-color: #c33
}
.realfactory-body-outer-wrapper,
body.realfactory-full .realfactory-body-wrapper {
background-color: #fff
}
.realfactory-body {
color: #727272
}
.realfactory-body h3 {
color: #383838
}
.realfactory-body a {
color: #545454
}
.realfactory-body * {
border-color: #e6e6e6
}
.realfactory-body input {
background-color: #fff;
border-color: #d7d7d7;
color: #4e4e4e
}
.realfactory-body ::-webkit-input-placeholder {
color: #4e4e4e
}
.realfactory-body ::-moz-placeholder {
color: #4e4e4e
}
.realfactory-body :-ms-input-placeholder {
color: #4e4e4e
}
.realfactory-body :-moz-placeholder {
color: #4e4e4e
}
.gdlr-core-portfolio-content-wrap .gdlr-core-portfolio-title a {
color: #191919
}
.gdlr-core-body .gdlr-core-button,
.realfactory-body input[type=submit] {
color: #fff
}
.gdlr-core-body .gdlr-core-button,
.realfactory-body input[type=submit] {
background-color: #c33
}
.gdlr-core-body .gdlr-core-button-with-border {
border-color: #383838
}
.gdlr-core-body .gdlr-core-button-with-border.gdlr-core-button-transparent {
color: #383838
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-head-wrap,
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title {
background-color: #212121
}
.gdlr-core-dropdown-tab .gdlr-core-dropdown-tab-title {
color: #c33
}
.gdlr-core-image-overlay {
background-color: rgba(0, 0, 0, .6)
}
.gdlr-core-image-overlay-content {
color: #fff
}
.gdlr-core-title-item .gdlr-core-title-item-title {
color: #383838
}
.gdlr-core-title-item .gdlr-core-title-item-caption {
color: #747474
}
span.woocommerce-Price-amount.amount {
color: #c33
}
.realfactory-top-bar-right {
line-height: 32px
}
.gdlr-core-page-builder-body [data-skin=Dark] .gdlr-core-skin-title,
.gdlr-core-page-builder-body [data-skin=Dark] h3 {
color: #fff
}
.gdlr-core-page-builder-body [data-skin=Dark] {
color: #d8d8d8
}
.gdlr-core-page-builder-body [data-skin="Call to action"] {
color: #fff
}
.gdlr-core-page-builder-body [data-skin="Portfolio Homepage"] .gdlr-core-skin-title,
.gdlr-core-page-builder-body [data-skin="Portfolio Homepage"] .gdlr-core-skin-title a,
.gdlr-core-page-builder-body [data-skin="Portfolio Homepage"] h3 {
color: #000
}
#memu-header{
list-style: none;
display: flex;
margin-top: 10px;
flex-direction: row;
}
#memu-header li{
padding: 0 10px;
}
</style>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
</head>
<body
class="page-template-default page page-id-2729 theme-realfactory gdlr-core-body pewc-preset-style pewc-style-simple woocommerce-no-js realfactory-body realfactory-body-front realfactory-full realfactory-with-sticky-navigation gdlr-core-link-to-lightbox">
<div class="realfactory-mobile-header-wrap">
<div class="realfactory-mobile-header realfactory-header-background realfactory-style-slide"
id="realfactory-mobile-header">
<div class="realfactory-mobile-header-container realfactory-container">
<div class="realfactory-logo realfactory-item-pdlr">
<div class="realfactory-logo-inner"><a href="{{.IndexUrl}}"><img
class="lazyload"
src='{{replaceImage .Logo}}'
alt="" width="250" height="91" /></a></div>
</div>
</div>
<ul class="navbar-nav mr-auto" id="memu-header">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
</ul>
</div>
</div>
<div class="realfactory-body-outer-wrapper ">
<div class="realfactory-body-wrapper clearfix realfactory-with-frame">
<header
class="realfactory-header-wrap realfactory-header-style-plain realfactory-style-menu-right realfactory-sticky-navigation realfactory-style-fixed">
<div class="realfactory-header-background"></div>
<div class="realfactory-header-container realfactory-container">
<div class="realfactory-header-container-inner clearfix">
<div class="realfactory-logo realfactory-item-pdlr">
<div class="realfactory-logo-inner"><a href="{{.IndexUrl}}"><img
class="lazyload"
src='{{replaceImage .Logo}}'
alt="" width="250" height="91" /></a></div>
</div>
<div class="realfactory-navigation realfactory-item-pdlr clearfix ">
<div class="realfactory-main-menu" id="realfactory-main-menu">
<ul id="menu-main-navigation-1" class="sf-menu">
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4524 realfactory-normal-menu">
<a href="{{.IndexUrl}}"
class="sf-with-ul-pre">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4524 realfactory-normal-menu">
<a href="{{.AboutUrl}}"
class="sf-with-ul-pre">{{ lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4524 realfactory-normal-menu">
<a href="{{.ContactUrl}}"
class="sf-with-ul-pre">{{ lang "contact"}}</a>
</li>
{{end}}
</ul>
<div class="realfactory-navigation-slide-bar" id="realfactory-navigation-slide-bar">
</div>
</div>
</div>
</div>
</div>
</header>
<div class="realfactory-page-wrapper" id="realfactory-page-wrapper" >
<div class="gdlr-core-page-builder-body">
<div class="gdlr-core-pbf-wrapper ">
<div class="gdlr-core-pbf-background-wrap" style="background-color: #f2f2f2 ;"></div>
<div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
<div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{lang "home"}}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{.Title}}</a>
</div>
<div id="article-head">
<h1 id="title">{{.Title}}</h1>
<div>
<span>{{timeFormat .PublishTime}}</span>
<span> / </span>
<span>{{.Views}} {{lang "views"}}</span>
</div>
</div>
<div class="d-lg-flex" style="justify-content: center;">
<div id="article-container" class="col-lg-8 col-md-12">
<!-- article content start -->
<!-- span class="link"
section="shortcodeLink"><a
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the
iPhone</a></span> -->
<article id="article">
<img width="100%" src="{{getCover .Article.Pictures}}" />
<p class="speakableTextP1">{{.Article.Summary}}</p>
{{range .Article.Topics}}
<p><strong>{{.Topic}}</strong></p>
{{$tlen := len .Pictures}}
{{if ne $tlen 0}}
{{range .Pictures}}
<img width="100%" src="{{replaceImage .}}" />
{{end}}
{{end}}
<p>{{.Content}}</p>
{{end}}
</article>
<!-- article content end -->
<div class="article-page">
{{ if .Prev }}
<div class="hidden-text">
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
</div>
{{ end }}
{{ if .Next }}
<div class="hidden-text">
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="realfactory-footer-wrapper">
<div class="realfactory-footer-container realfactory-container clearfix">
<div class="realfactory-footer-column realfactory-item-pdlr realfactory-column-15">
<div id="nav_menu-4" class="widget widget_nav_menu realfactory-widget" style="text-align: center;">
<h3 class="realfactory-widget-title">{{lang "related"}}</h3>
<div class="menu-useful-links-container">
<ul id="menu-useful-links" class="menu" style="list-style: none;">
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4554">
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4554">
<a href="{{.AboutUrl}}">{{ lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4554">
<a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4554">
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="realfactory-copyright-wrapper">
<div class="realfactory-copyright-container realfactory-container">
<div style="text-align: center;" class="realfactory-copyright-text realfactory-item-pdlr">{{.Copyright}}</div>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>