@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1577720369440'); src: url('../fonts/iconfont.eot?t=1577720369440#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAZgAAsAAAAADUAAAAYSAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCESgqLDIh+ATYCJAM0CxwABCAFhG0HgVQbTgsRVaRPkn11YJ4WOWjJ61DsBews3SfwJb3znE+PW/l+fsiGAKvImsqZJHBXUS7U/MRC69B6lpyaAa3vdu6oiBAADRAwDX7fuR5ZuAozOnn2k0dfSLoUlr0s/ZAAAWwMxmBiN///fi5PLK4R9WLay/3i73N2N8w8iVZI3jmEJC4pjlQiJtLZSydUL6cz7wcCQECqYqS7d4QIHiyUTtDtkQdd94IvBMB2eAn4DK7hXNZM3oYOPPMacwHAW9Hfk29QGQ8w0FGoB42Re5xoD3FfjaBKWMEdVIF7e3kABhcBFEAxgAXIusaCFaBJQzEKYfYTLKYAMItGwYa4kCFkCeWHSkJVodrQ9a9GhMMY2ARbsf3a+CqPwKxtVlv8v3mJAAZ6ULDQgUMEeAgwwAgCEA4wjHLCkkJmiLMEZsYEEPRgBhAomAUEFiwfBB1YMXSsz0pAiACrAoEHq4WO7bJr0AF2HQlgBL4aIT0vhik4JxEQD+RdgKmEMp1RCQOiwxjoQBF7MikZ6eYEs5m3FRilO1rvM3L03Mc95wqLDnrbHIfdra2HPM1ioeOyd2TLUaVdXHPGuaulovWYu6ts5M93OqC0tKzd691f5CgY/s70gN2lEavbZxU8ZqfsU82qYpnkVNfaXJP6vZr7/oDs8xDm6mwuze1jVKiuoCOhG2JtgdfiZ7W2yj730wG7I83L1BROnsfn5mc/fCMRmkj1sHadHrvKnRe3UnF6fNalKa/xHWZFhVNVnw4EcolAVtwQ99yQ/P681fOtWf1+i2aoqfMGNw7aMtS5OSuDjmDgPjVgDwYtml+6cWPCZvN8hGxkUT+kzKJ6rUTLt0z3e/nFwBqaI+byHBDa1E7xqC1S0FX19nXuw96DygHP/VK7nS1voadLElsc9ulbu6Xf77Q7WkWpPJS2a/LkZ+RnAoE+uU/ez6e9omlpz6dNHnx+MBCYvKo8Bqvl3PLU51MnM3tlXKu+lvHmm5PNDeXVqPzTnZ3nzpmMdg4RvjGE6zapmN0DWZJRMlaY9j+3rnQz47pI/PMyyjW1UtQGo33LFskkbXXfcMAkL1ogQX5bFMPhHmGuID733Hffdhu6CRwTBUEU5qabiBLhsLSTnM4BSqm5rBt/1m0zVY0Uud5k37y5dstmu2l/yKPtqK2PBdNz0+22/35P386UoqRPP//0Q3rG/mjpq6+6Ba6W3rpV+SJ+vCK8f+1yPwhWCkyfb6+bQPv0Q+8SB1+wka3Zlb03B7KuXMkauFnVaz4aY3thsPE6+qFsX/2E1MR3x2YJQyP6xucuWyYxwgyLA1p+1O+P3a9/MAiMWNY3FiG3bziP3PX8CBwXs59H8hI1evYsnUM1oWngMg6I1nMKVtOBAerUVf2Q1ewqloO6GtvHvTdDV1G1eG531Nyo8f2dq6Nq6L1Y0id3ft/xvW2ItD3X+b3GRK72wt2z6Zavv97iVNpfQLdkeU0NryrPxV0bRGMK4y2z/wTCfrqeFgEArWbWAwA9wxT3YY5RAgDMhWhHeoJ5GAjP1oHOFmHv0DFU8R2mum87ANDJ5Aq1DNAlNJ3Ef+Z+ePhyoufuqObfeMOvddmH5U0VJGxvsAKABwN4i//DQh3wUZTnstJMixnBzkTXNAAEgAkTWw3sRxP0AuA/WBLrU8q22GcTAQ9LBgwikAIUPLItrKMYdDCgGjjwaAMBRfouNiDOU6AgrB5AoZcEEETbDAwicRgool20sI5PQAer74BDdBQE2EncNQ1A5Pbg1ZOAVQjG/RvyvKDJ1qu4+zvEVqzk5Sj0G2SjajP1Y7n5DRaQbZyw/cSdKhoUruZVPAxKYbMKJ/Daz6rrfhiw6QW953pwpUvAKgTD/QfpyfOCS+tVJfjvEFux0jHuLP03yEZbNya90cPyZixe4x5L3+0n7ijVoYGDrlyNV8qDohvYWJv3SuC1N69Rt+4NNBX6Gv3+zfqYrwMQqF8ylYqq6YZp2Y7r+cFOS76zjbpb0rPzhTe4zS8L/Lv0lhVA5SUTirPeVCqvp+U3o13mRoGW6NqtNkeWS1ty4+7kURZ49Ni98yS+QIdUysNGx5T8BwcA') format('woff2'), url('../fonts/iconfont.woff?t=1577720369440') format('woff'), url('../fonts/iconfont.ttf?t=1577720369440') format('truetype'), url('../fonts/iconfont.svg?t=1577720369440#iconfont') format('svg') }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-link:before { content: "\e94c" }
.icon-aui-icon-close:before { content: "\e606" }
.icon-aui-icon-down:before { content: "\e60b" }
.icon-aui-icon-left:before { content: "\e615" }
.icon-aui-icon-right:before { content: "\e628" }
.icon-aui-icon-top:before { content: "\e62c" }
.icon-right:before { content: "\e62d" }
.icon-rocket:before { content: "\e633" }
.icon-search:before { content: "\e60a" }
.icon-more:before { content: "\e636" }
.icon-right-circle-fill:before { content: "\e6d2" }
.icon-left-circle-fill:before { content: "\e6d3" }
body { font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif; -ms-overflow-style: scrollbar; background-color: #f2f2f2; font-size: 16px; color: #333; -webkit-font-smoothing: antialiased }
body.category .pageFooterAreaWrap { margin-top: 0 }
ul, ol { margin: 0; list-style: none; padding: 0 }
a:hover { text-decoration: none }
button, a { outline: none }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { color: #f60 }
hr { margin-top: 40px; margin-bottom: 50px }
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.widget:after, .search-form:after, .post-password-form p:after, .navigation-single:after { content: ''; display: block; clear: both }
button, a { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-property: color, background, border, visibility, opacity, max-height, max-width, -webkit-box-shadow, -webkit-transform; transition-property: color, background, border, visibility, opacity, max-height, max-width, -webkit-box-shadow, -webkit-transform; -o-transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width; transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width; transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width, -webkit-box-shadow, -webkit-transform }
.btn { border-radius: 5px; height: 50px; font-size: 14px; font-weight: 500; -webkit-transition: all 200ms linear !important; transition: all 200ms linear !important; padding: 0 35px; letter-spacing: 0.2px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; border: none }
.btn-text-slide { --text: var(--white); --font-size: 20px; --duration: .34s; --move-hover: -4px; --font-shadow: var(--font-size); -webkit-transform: translateY(var(--y)); transform: translateY(var(--y)); transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease }
.btn-text-slide span { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 var(--text) }
.btn-text-slide span i { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; transition: transform 0.25s ease, -webkit-transform 0.25s ease; -webkit-transform: translateY(var(--m)); transform: translateY(var(--m)) }
.btn-text-slide span i:nth-child(1) { transition-delay: 0.05s }
.btn-text-slide span i:nth-child(2) { transition-delay: 0.1s }
.btn-text-slide span i:nth-child(3) { transition-delay: 0.15s }
.btn-text-slide span i:nth-child(4) { transition-delay: 0.2s }
.btn-text-slide span i:nth-child(5) { transition-delay: 0.25s }
.btn-text-slide span i:nth-child(6) { transition-delay: 0.3s }
.btn-text-slide span i:nth-child(7) { transition-delay: 0.35s }
.btn-text-slide span i:nth-child(8) { transition-delay: 0.4s }
.btn-text-slide span i:nth-child(9) { transition-delay: 0.45s }
.btn-text-slide span i:nth-child(10) { transition-delay: 0.5s }
.btn-text-slide span i:nth-child(11) { transition-delay: 0.55s }
.btn-text-slide:hover { --y: var(--move-hover) }
.btn-text-slide:hover i { --m: calc(var(--font-size) * -1) }
.btn:active, .btn:focus { box-shadow: none }
.btn-fluid { width: 100% }
.btn-44 { width: 48px; text-align: center; padding: 0 }
.btn-h-34 { height: 34px }
.btn-primary { color: var(--white); background-color: var(--primary) }
.btn-primary:hover { color: var(--white) !important; background-color: var(--primary) !important; box-shadow: 0 6px 15px 0 rgba(89, 253, 223, .4) !important }
.btn-secondary { color: var(--white); background-color: var(--secondary) }
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { color: var(--white) !important; background-color: var(--secondary) !important; box-shadow: 0 6px 15px 0 rgba(108, 116, 125, .4) !important }
.btn-success { color: var(--white); background-color: var(--success) }
.btn-success:active, .btn-success:focus, .btn-success:hover { color: var(--white) !important; background-color: var(--success) !important; box-shadow: 0 6px 15px 0 rgba(84, 218, 140, .4) !important }
.btn-red { color: var(--white); background-color: var(--red) }
.btn-red:active, .btn-red:focus, .btn-red:hover { color: var(--white) !important; background-color: var(--red) !important; box-shadow: 0 6px 15px 0 rgba(231, 76, 60, .4) !important }
.btn-blue { color: var(--white); background-color: var(--blue) }
.btn-blue:active, .btn-blue:focus, .btn-blue:hover { color: var(--white) !important; background-color: var(--blue) !important; box-shadow: 0 6px 15px 0 rgba(89, 139, 253, .4) !important }
.btn-purple { color: var(--white); background-color: var(--purple) }
.btn-purple:active, .btn-purple:focus, .btn-purple:hover { color: var(--white) !important; background-color: var(--purple) !important; box-shadow: 0 6px 15px 0 rgba(142, 68, 173, .4) !important }
.btn-yellow { color: var(--white); background-color: var(--yellow) }
.btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover { color: var(--white) !important; background-color: var(--yellow) !important; box-shadow: 0 8px 35px 0 rgba(241, 196, 15, .35) !important }
.btn-light { color: var(--gray-dark); background-color: var(--light) }
.btn-light:active, .btn-light:focus, .btn-light:hover { color: var(--gray-dark) !important; background-color: var(--light) !important; box-shadow: 0 6px 15px 0 rgba(12, 22, 17, 0.1) !important }
.btn-text-slide.btn-light { --text: var(--gray-dark) }
.btn-dark { color: var(--white); background-color: var(--dark-blue) }
.btn-dark:active, .btn-dark:focus, .btn-dark:hover { color: var(--white) !important; background-color: var(--dark-blue) !important; box-shadow: 0 6px 15px 0 rgba(31, 32, 40, .4) !important }
.btn-dark-primary { color: var(--white); background-color: var(--dark) }
.btn-dark-primary:hover { color: var(--white) !important; background-color: var(--primary) !important; box-shadow: 0 6px 15px 0 rgba(89, 253, 223, .4) !important }
.btn-primary-line-dark { color: var(--white); background-color: transparent; border: 1px solid var(--primary) }
.btn-primary-line-dark:active, .btn-primary-line-dark:focus, .btn-primary-line-dark:hover { color: var(--white) !important; background-color: var(--primary) !important; box-shadow: 0 6px 15px 0 rgba(89, 253, 223, .4) !important; border: 1px solid var(--primary) !important }
.btn-black-primary { color: var(--white); background-color: var(--black) }
.btn-black-primary:active, .btn-black-primary:focus, .btn-black-primary:hover { color: var(--white) !important; background-color: var(--primary) !important; box-shadow: 0 6px 15px 0 rgba(89, 253, 223, .4) !important }
.btn-light-dark { color: var(--dark); background-color: var(--light-2) }
.btn-light-dark:active, .btn-light-dark:focus, .btn-light-dark:hover { color: var(--white) !important; background-color: var(--dark-blue) !important }
.btn-primary:disabled, .btn-secondary:disabled, .btn-success:disabled, .btn-red:disabled, .btn-blue:disabled, .btn-purple:disabled, .btn-light:disabled, .btn-dark:disabled { opacity: 0.65; box-shadow: none !important }
.btn-primary:disabled { background-color: var(--primary) !important }
.btn-secondary:disabled { background-color: var(--secondary) !important }
.btn-success:disabled { background-color: var(--success) !important }
.btn-red:disabled { background-color: var(--red) !important }
.btn-blue:disabled { background-color: var(--blue) !important }
.btn-purple:disabled { background-color: var(--purple) !important }
.btn-light:disabled { background-color: var(--light) !important; color: var(--gray-dark) !important }
.btn-light:disabled:hover { color: var(--gray-dark) !important }
.btn-dark:disabled { background-color: var(--dark-blue) !important }
.btn-primary-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--success), var(--primary)) }
.btn-primary-gradient:hover { color: var(--white) !important; box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .28) !important }
.btn-secondary-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--gray-dark), var(--secondary)) }
.btn-secondary-gradient:active, .btn-secondary-gradient:focus, .btn-secondary-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--gray-dark), var(--secondary)) !important; box-shadow: 0 6px 15px 0 rgba(108, 116, 125, .4) !important }
.btn-success-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--cyan), var(--success)) }
.btn-success-gradient:active, .btn-success-gradient:focus, .btn-success-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--cyan), var(--success)) !important; box-shadow: 0 6px 15px 0 rgba(84, 218, 140, .4) !important }
.btn-red-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--red), var(--danger)) }
.btn-red-gradient:active, .btn-red-gradient:focus, .btn-red-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--red), var(--danger)) !important; box-shadow: 0 6px 15px 0 rgba(231, 76, 60, .4) !important }
.btn-blue-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--indigo), var(--blue)) }
.btn-blue-gradient:active, .btn-blue-gradient:focus, .btn-blue-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--indigo), var(--blue)) !important; box-shadow: 0 6px 15px 0 rgba(89, 139, 253, .4) !important }
.btn-purple-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--dark), var(--purple)) }
.btn-purple-gradient:active, .btn-purple-gradient:focus, .btn-purple-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--dark), var(--purple)) !important; box-shadow: 0 6px 15px 0 rgba(142, 68, 173, .4) !important }
.btn-light-gradient { color: var(--gray-dark); background-image: linear-gradient(298deg, var(--light), rgba(193, 198, 202, .5)) }
.btn-light-gradient:active, .btn-light-gradient:focus, .btn-light-gradient:hover { color: var(--gray-dark) !important; background-image: linear-gradient(298deg, var(--light), rgba(193, 198, 202, .5)) !important; box-shadow: 0 6px 15px 0 rgba(12, 22, 17, 0.1) !important }
.btn-dark-gradient { color: var(--white); background-image: linear-gradient(298deg, var(--secondary), var(--dark-blue)) }
.btn-dark-gradient:active, .btn-dark-gradient:focus, .btn-dark-gradient:hover { color: var(--white) !important; background-image: linear-gradient(298deg, var(--secondary), var(--dark-blue)) !important; box-shadow: 0 6px 15px 0 rgba(31, 32, 40, .4) !important }
.btn-icon-transparent { background-color: transparent }
.btn-icon-transparent:active, .btn-icon-transparent:focus, .btn-icon-transparent:hover { color: #f60 !important; background-color: transparent !important }
.btn-icon-transparent.blue:active, .btn-icon-transparent.blue:focus, .btn-icon-transparent.blue:hover { color: var(--blue) !important; background-color: transparent !important }
.btn-small-icon { position: absolute; top: 5px; left: 50%; margin-left: 2px; z-index: 2; width: 18px; height: 18px; line-height: 18px; font-size: 12px; border-radius: 50%; display: block; text-align: center; font-weight: 500 }
img { max-width: 100%; height: auto }
@media (min-width:768px) {
	.commentlist-item .commentlist-item { padding: 0 0 0 2em }
}
.comment, .commentlist-holder { overflow: hidden }
.commentlist-item .commentlist-item, .commentlist-item + .commentlist-item { padding-top: 1.2em }
.widget_calendar #next { text-align: right }
.gallery-item dt { float: none; padding: 0 }
.navigation, .navigation-comments { position: relative; vertical-align: middle; margin-bottom: 1.2em }
.navigation .screen-reader-text, .navigation-comments .screen-reader-text { position: absolute; left: -99999px }
.navigation .page-numbers, .navigation-comments .page-numbers { display: inline-block; vertical-align: middle; padding: 0 .4em }
@media (max-width:991.98px) {
	.navigation .page-numbers, .navigation-comments .page-numbers { padding: 0 }
}
.navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { display: inline-block; vertical-align: middle; max-width: 50%; background: #666; color: #fff; padding: .4em; text-decoration: none }
@media (max-width:991.98px) {
	.navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev { padding: .2em }
}
.navigation-single { margin-bottom: 1.2em }
.navigation-single .next, .navigation-single .prev { float: left; vertical-align: middle; max-width: 50%; background: #666; color: #fff; text-decoration: none }
.navigation-single .next a, .navigation-single .prev a { color: inherit; text-decoration: none; padding: .4em; display: block }
@media (max-width:991.98px) {
	.navigation-single .next a, .navigation-single .prev a { padding: .2em }
}
@media (min-width:1230px) {
	.container { max-width: 1400px }
}
.navigation-single .next { float: right }
.wp-caption { max-width: 100%; clear: both; border: 1px solid #ccc; padding: .4em; margin-bottom: 1.2em }
.wp-caption img { margin: 0; vertical-align: top }
.wp-caption p { margin: .4em 0 0 }
div.aligncenter { margin: 0 auto 1.2em }
img.aligncenter { display: block; margin: 0 auto }
.alignleft { float: left; margin: 0 1.2em 4px 0 }
.alignright { float: right; margin: 0 0 4px 1.2em }
.mejs-container { margin-bottom: 1.2em }
.wp-caption-text, .gallery, .alignnone, .gallery-caption, .sticky, .bypostauthor { height: auto }
#content hr { margin-top: 20px; margin-bottom: 20px }
.cuswidth { max-width: 1350px !important }
.section-padding { padding: 80px 0; padding-top: 0 }
.section-gradient { background-image: linear-gradient(#f5f5f5, #fff) !important }
.overlay { opacity: 0.3; position: absolute; width: 100%; height: 100%; top: 0; background: #111 }
.pageBdWrapNav { display: flex; justify-content: center; position: relative; background-size: cover; background-position: center; height: 300px; align-items: center; background-repeat: no-repeat }
.pageBdWrapNav ul { list-style: none; padding: 0; margin: 0; overflow: hidden }
.pageBdWrapNav ul li { display: inline-block; font-size: 14px; color: #fff; position: relative; letter-spacing: 2px; font-weight: normal; text-transform: uppercase }
.pageBdWrapNav ul li i { margin: 0 10px }
.pageBdWrapNav ul li a { letter-spacing: 2px; color: #fff; font-weight: normal }
.pageBdWrapNav ul li a:hover { color: #3a87fd }
.pageBdWrapNav ul li:last-child i:nth-last-of-type(1) { margin-right: 0 }
#pageWrapper { width: 100%; overflow: hidden; position: relative; padding-top: 82px }
.bgCover { background-size: cover; background-position: 50% 50% }
.inaccessible, .btnText, .bannerBlockSlideBg:before, .widget.helpVisualWidget:before, .videoBlockWrap.hasOverlay .videoBlockBgCover:before, .wcuBlockImageHolder.hasOverlay:before, .mkCallAside:before, .videoAside:before, .servicesVisualColumnsBlock:before, .filtersTabContentWrap > .tab-pane:not(.show), .hwwCBlock:before, .hiwStepsList > li:after, .hiwStepsList > li:before, .reKtAsideBlock:before, .pageFullBlock:before { pointer-events: none }
.hasShadow, .serviceColumn.hover, .hiwStepsList > li:before { -webkit-box-shadow: 0 10px 20px rgba(23, 22, 49, 0.1); box-shadow: 0 10px 20px rgba(23, 22, 49, 0.1) }
.fwMedium, .cartTable.table th, .cartTotal.table th, .checkoutCountTable.table th { font-weight: 500 }
.fwSemiBold { font-weight: 600 }
.fontRoboto { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" }
.fontBase { font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" }
.buttonReset, .slickDots button { border: 0; background-color: transparent; padding: 0 }
.bgWhite { background-color: #fff }
.dropdown-menu { -webkit-box-shadow: 0 10px 20px rgba(23, 22, 49, 0.1); box-shadow: 0 10px 20px rgba(23, 22, 49, 0.1) }
.dropdown-submenu { position: relative }
.headingHead p { margin-bottom: 10px }
.hTitle { letter-spacing: 3px; font-size: 16px; line-height: 1.25; margin-bottom: 13px }
.blockH { margin-bottom: 20px }
.contH { color: #ff25a5 }
.contentBlock { padding-top: 30px; padding-bottom: 30px }
.f-12 { font-size: 12px }
.f-13 { font-size: 13px }
.f-14 { font-size: 14px }
.f-15 { font-size: 15px }
.f-16 { font-size: 16px }
.f-17 { font-size: 17px }
.f-18 { font-size: 18px }
.f-28 { font-size: 28px }
.font-hei { font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif }
.font-kai { font-family: Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif }
.font-song { font-family: Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif }
.font-fang-song { font-family: Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif }
.txtovf-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block }
.txtovf-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2 }
.txtovf-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 3 }
.msc-txtovf-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block }
.msc-txtovf-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2 }
.msc-txtovf-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 3 }
.over-hide { overflow: hidden }
.bdr-5 { border-radius: 5px }
.bdr-8 { border-radius: 8px }
.pd-30 { padding: 30px }
.pdb-15 { padding-bottom: 15px }
.pdl-0 { padding-left: 0 }
.pdr-0 { padding-right: 0 }
.pdt-0 { padding-top: 0 }
.pdb-0 { padding-bottom: 0 }
.mt-30 { margin-top: 30px }
.bg-white { background-color: #fff }
.white { color: #fff }
.logo { margin: 0 10px 20px 0; position: relative; z-index: 99 }
.logo img { max-height: 60px; max-width: 260px }
.bannerSwiperSec { margin-bottom: 80px }
.aboutModule { margin-bottom: 80px }
.prPostColumn { color: inherit; width: 100%; overflow: hidden; margin-bottom: 15px }
.prPostColumn.prPostColumn02 .prColumnBgCover { padding-top: 0; height: 230px }
.prPostColumn.prPostColumnInGallery .prColumnBgCover { padding-top: 0; height: 270px }
.prPostColumn.prPostColumnInGallery .prColumnBgCover:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.prPostColumn.prPostColumnInGallery .prColumnBgCover:before { background-color: #000; opacity: 0.6 }
.prPostColumn.galleryHeightLarge .prColumnBgCover { padding-top: 0; height: 270px }
.prPostColumn.prPostColumnwTrow { width: 270px }
.prPostColumn.prPostColumnwTrow .prColumnBgCover { padding-top: 0; height: 200px }
.prPostColumn.hasOverlay.hover .prColumnBgCover:before { opacity: 0 }
.prPostColumn.hasOverlay .prColumnBgCover:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.prPostColumn.hasOverlay .prColumnBgCover:before { background-color: #000; opacity: 0.4 }
.prPostColumn.prPostColumnMbSmall { margin-bottom: 12px }
.prPostColumn.prPostColumnMedium .prColumnBgCover { padding-top: 0; height: 260px }
.prPostColumn.hover .prPostCaption { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.prPostColumn.hover .prColumnBgCover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) }
.prPostColumn .prColumnBgCover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; width: 100%; padding-top: 67.5% }
.prPostColumn .prPostCaption { position: absolute; left: 20px; right: 20px; bottom: 20px; padding: 16px 20px 17px; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%) }
.prPostColumn .hTitle { letter-spacing: normal }
.prPostColumn h3, .prPostColumn .h3 { margin-bottom: 0; font-size: 18px }
.videoBlockWrap { overflow: hidden; position: absolute; left: 0; top: 0; width: 50%; height: 100% }
.videoBlockWrap.videoBlockWrap03 { position: relative; left: auto; top: auto }
.videoBlockWrap.hasOverlay.hover .videoBlockBgCover:before { background-color: rgba(0, 0, 0, 0.2) }
.videoBlockWrap.hasOverlay .videoBlockBgCover:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.videoBlockWrap.hasOverlay .videoBlockBgCover.overlayThemeColor.hover:before { opacity: 0.5 }
.videoBlockWrap.hasOverlay .videoBlockBgCover.overlayThemeColor:before { opacity: 0.7 }
.videoBlockWrap.hasOverlay .videoBlockBgCover:before { background-color: rgba(0, 0, 0, 0.4) }
.videoBlockWrap .videoBlockBgCover { left: 0; top: 0; width: 100%; height: 100% }
.btnPlay { left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-clip: padding-box; border: 10px solid rgba(255, 255, 255, 0.2); width: 80px; height: 80px }
.btnPlay:before { display: block }
.btnPlay:after { content: ''; display: block; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); height: 0; width: 0; border-bottom: 15px solid transparent; border-left: 22px solid #fff; border-top: 15px solid transparent }
.ltPostsBlock .headingHead { margin-bottom: 50px }
.ltPostColumn { color: inherit; margin-bottom: 30px; overflow: hidden }
.ltPostColumn .imageLarge img { width: 100%; max-height: 240px; object-fit: cover }
.ltPostColumn.ltPostColumn03 h3, .ltPostColumn.ltPostColumn03 .h3 { font-size: 22px; line-height: 1.5 }
.ltPostColumn.ltPostColumn03 .descriptionWrap { overflow: hidden }
.ltPostColumn.ltPostColumn05 { overflow: hidden; height: 280px }
.ltPostColumn.ltPostColumn05.hover .ltPostBgCoverImage:before { opacity: 0.8; visibility: visible }
.ltPostColumn.ltPostColumn05.hover .descriptionWrap { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.ltPostColumn.ltPostColumn05.hover h3, .ltPostColumn.ltPostColumn05.hover .h3 { color: inherit }
.ltPostColumn.ltPostColumn05.hover h3 a:hover, .ltPostColumn.ltPostColumn05.hover .h3 a:hover { color: #000 }
.ltPostColumn.ltPostColumn05 h3, .ltPostColumn.ltPostColumn05 .h3 { color: inherit; line-height: 1.5; margin-bottom: 5px }
.ltPostColumn.ltPostColumn05 h3 a:hover, .ltPostColumn.ltPostColumn05 .h3 a:hover { color: #000 }
.ltPostColumn.ltPostColumn05 .descriptionWrap { left: 0; top: 0; z-index: 2; -webkit-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); opacity: 0; visibility: hidden; padding: 23px 28px }
.ltPostColumn.ltPostColumn05 .posterTagline { color: inherit }
.ltPostColumn.ltPostColumn05 .posterTagline a:hover { color: #000 }
.ltPostColumn.ltPostColumn05 .btnMore { color: inherit }
.ltPostColumn.ltPostColumn05 .btnMore:hover { color: #000 }
.ltPostColumn.hover .aligncenter, .ltPostColumn.hover .alignleft { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.ltPostColumn.hover .time { -webkit-transform: translateY(-36px); -ms-transform: translateY(-36px); transform: translateY(-36px) }
.ltPostColumn .alignleft, .ltPostColumn .aligncenter { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0 }
.ltPostColumn .aligncenter { margin-bottom: 23px }
.ltPostColumn .aligncenter img { width: 100%; max-height: 272px; object-fit: cover }
.ltPostColumn .alignleft { width: 70px; margin: 8px 15px 0 0 }
.ltPostColumn h3, .ltPostColumn .h3 { line-height: 1.5; margin-bottom: 10px }
.ltPostColumn h3 + .btnMore, .ltPostColumn .h3 + .btnMore { margin-top: 10px }
.ltPostColumn .time { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 3px 8px; margin-bottom: 5px }
.ltPostColumn .textLarge { font-size: 17px; line-height: 1 }
.ltPostColumn .posterTagline { color: #a6a6a6; font-size: 14px; line-height: 1.2; margin-bottom: 10px }
.ltPostColumn .posterTagline a { color: inherit }
.ltPostColumn .sep { margin-left: 2px; margin-right: 2px }
.ltPostColumn .ltPostBgCoverImage { left: 0; top: 0 }
.ltPostColumn .ltPostBgCoverImage:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.ltPostColumn .ltPostBgCoverImage:before { opacity: 0; visibility: hidden }
.ltPostColumn p { margin-bottom: 23px }
.pageFooterAreaWrap { color: #a6a6a6; z-index: 1; margin-top: 50px }
.pageFooterAreaWrap:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.pageFooterAreaWrap:before { background-color: #100c23 }
.pageFooterAreaWrap .separator { border-color: rgba(255, 255, 255, 0.1); margin-top: 5px; margin-bottom: 30px }
.pageFooterAreaWrap .pageFooterWrapHolder { z-index: 2 }
.pageFooterAreaWrap .col { margin-bottom: 30px }
.subscribeAsideBlock { padding-top: 42px; padding-bottom: 42px }
.subscribeAsideBlock .row { align-items: center }
.subscribeAsideBlock h3, .subscribeAsideBlock .h3 { margin-bottom: 10px }
.subscribeAsideBlock .area2 { text-align: right }
.subscribeAsideBlock .btn { height: 42px }
.subscribeAsideBlock .btn .btnText, .subscribeAsideBlock .btn:before { padding-top: 8px; padding-bottom: 8px; height: inherit }
.subscribeAsideBlock .form-control { border-color: #fff }
.subscribeAsideBlock p { margin-bottom: 0 }
.footer-sites { padding-bottom: 30px }
.footer-sites { display: flex; margin-top: 50px }
.footer-sites h2 { font-size: 18px; color: #fff; margin-right: 50px; margin-bottom: 0 }
.footer-sites ul { list-style: none; padding: 0; margin: 0 }
.footer-sites ul li { margin: 0 30px 0 0; float: left }
.footer-sites ul li a { position: relative; color: rgba(255, 255, 255, .5) }
.footer-sites ul li a:hover { color: #fff }
.ftAddress { font: inherit; margin-bottom: 20px }
#pageFooter { padding-top: 60px }
#pageFooter .logo { margin-right: 0 }
#pageFooter h3, #pageFooter .h3 { margin-top: 7px; font-size: 18px; margin-bottom: 20px }
#pageFooter p a { color: inherit }
#pageFooter p a:hover { color: #fff }
#pageFooter .info p { text-align: justify; margin-bottom: 10px }
.ftLinksNav li { margin-bottom: 10px }
.ftLinksNav li.active a { color: #fff }
.ftLinksNav a { color: inherit }
.ftLinksNav a:hover { color: #fff }
#pageFooter .qrcode img { max-height: 200px }
.wcuBlock .headingHead { margin-bottom: 24px }
.wcuBlock .btn { min-width: 160px }
.feature-content h3, .feature-content .h3 { margin-bottom: 20px }
.feature-content .titleWrap { margin-bottom: 10px }
.feature-content .icn { font-size: 30px; width: 30px; margin-right: 17px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) }
.wcuBlockImageHolder { height: 100% }
.wcuBlockImageHolder.hasOverlay:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.wcuBlockImageHolder.hasOverlay:before { border-radius: inherit; background-color: rgba(0, 0, 0, 0.4) }
.wcuBlockImageHolder.wcuBlockVideoImage:after { position: absolute; display: block; content: ""; top: 50%; bottom: auto; left: auto; right: 100% }
.wcuBlockImageHolder.wcuBlockVideoImage:after { z-index: -1; background: -webkit-repeating-radial-gradient(circle, #fff, #fff 39px, #f2f4f5 39px, #f2f4f5 40px); background: -o-repeating-radial-gradient(circle, #fff, #fff 39px, #f2f4f5 39px, #f2f4f5 40px); background: repeating-radial-gradient(circle, #fff, #fff 39px, #f2f4f5 39px, #f2f4f5 40px); border-radius: 100%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 470px; height: 470px }
.wcuBlockImageHolder.wcuBlockVideoImage .btnPlay:hover { background-color: #ffb136 }
.wcuBlockImageHolder img { vertical-align: top }
.mkCallAside { min-height: 250px }
.mkCallAside:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.mkCallAside:before { background-color: rgba(0, 0, 0, 0.5) }
.mkCallAside .mkCallAsideHolder { z-index: 2; min-height: inherit; white-space: nowrap }
.mkCallAside .mkCallAsideHolder:before { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: inherit }
.mkCallAside .mkCallAsideHolder > .align { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; margin-left: -4px }
.mkCallAside .mkCallAsideHolder > .align { max-width: none; width: 100%; padding-top: 15px; padding-bottom: 15px }
.mkCallAside h2, .mkCallAside .h2 { color: inherit; margin-bottom: 10px }
.mkCallAside .btn { font-size: 17px; line-height: 1 }
.wwdTabsetAreaWrap { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px }
.wwdTabsetAreaWrap.wwdTabsetAreaWrap05, .wwdTabsetAreaWrap.shpTabsetAreaWrap { border: 0 }
.wwdTabsetAreaWrap.shpTabsetAreaWrap h3, .wwdTabsetAreaWrap.shpTabsetAreaWrap .h3 { margin-bottom: 12px }
.wwdTabsetAreaWrap.shpTabsetAreaWrap p { margin-bottom: 41px }
.wwdTabsetAreaWrap.shpTabsetAreaWrap .listDefault { padding-left: 10px; margin-bottom: 25px }
.wwdTabsetAreaWrap.shpTabsetAreaWrap .benefitsFeaturedList h3, .wwdTabsetAreaWrap.shpTabsetAreaWrap .benefitsFeaturedList .h3 { margin-bottom: 6px }
.wwdTabsetAreaWrap.shpTabsetAreaWrap .benefitsFeaturedList p { margin-bottom: 0 }
.wwdTabsetAreaWrap.shpTabsetAreaWrap .reviewsList p { margin-bottom: 0 }
.wwdTabsetAreaWrap.shpTabsetAreaWrap .reviewSubmissionForm h3, .wwdTabsetAreaWrap.shpTabsetAreaWrap .reviewSubmissionForm .h3 { margin-bottom: 14px }
.wwdTabsetAreaWrap .accSlideHolder { padding: 16px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.wwdTabsetAreaWrap .imageWrap { margin: 0 }
.wwdTabsetAreaWrap .imageWrap.alignright, .wwdTabsetAreaWrap .imageWrap.alignleft { float: none }
.wwdTabsetAreaWrap .imageWrap img { vertical-align: top }
.wwdTabsetAreaWrap h3, .wwdTabsetAreaWrap .h3 { margin-bottom: 25px }
.wwdTabsetAreaWrap .accOpener { cursor: pointer; background-color: transparent; border: solid rgba(0, 0, 0, 0.1); border-width: 0 0 1px; font-size: 15px; line-height: 1.26667; padding: 13px 50px 13px 20px }
.wwdTabsetAreaWrap .accOpener:after { position: absolute; display: block; content: ""; top: 50%; bottom: auto; left: auto; right: 15px }
.wwdTabsetAreaWrap .accOpener:after { content: "\f067"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.wwdTabsetAreaWrap .accOpener:focus { outline: none }
.wwdTabsetAreaWrap .accOpener[aria-expanded="true"] { color: #fff }
.wwdTabsetAreaWrap .accOpener[aria-expanded="true"]:after { content: "\f068" }
.wwdTabsetAreaWrap .accOpener[aria-expanded="true"]:hover { color: #fff }
.wwdTabsetAreaWrap p { margin-bottom: 10px }
.wwdTabsetList.nav-tabs { border: 0; font-size: 16px; line-height: 1.25; margin-right: -1px }
.wwdTabsetList.nav-tabs.wwdTabsetList05 { border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-item { margin-left: 8px; margin-right: 8px }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link { width: 100%; margin-left: 0; border: 0; padding: 0 0 15px }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link:after { position: absolute; display: block; content: ""; top: auto; bottom: 0; left: 0; right: 0 }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link.active { margin-bottom: 0; background-color: transparent }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link.active:after { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link:after { height: 3px; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; opacity: 0; visibility: visible; -webkit-transform-origin: 50% 100% 0; -ms-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) }
.wwdTabsetList.nav-tabs.shpTabsetList { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 20px }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-item { -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-preferred-size: inherit; flex-basis: inherit; margin-right: 10px }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link { border-radius: 2px 2px 0 0; border-width: 1px; width: 100%; margin-bottom: -1px; margin-left: 0; overflow: hidden; padding: 12px 14px }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link:before { position: absolute; display: block; content: ""; top: 0; bottom: auto; left: 0; right: 0 }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link:before { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; height: 3px; opacity: 0; visibility: hidden; -webkit-transform-origin: 50% 0 0; -ms-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0) }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link.active { background-color: transparent; color: inherit; border-color: rgba(0, 0, 0, 0.1); border-bottom-color: #fff }
.wwdTabsetList.nav-tabs.shpTabsetList .nav-link.active:before { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) }
.wwdTabsetList.nav-tabs .nav-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; margin-bottom: 0 }
.wwdTabsetList.nav-tabs .nav-link { color: #6e6e6e; border-color: rgba(0, 0, 0, 0.1); border-top-width: 0; width: calc(100% + 1px); margin-left: -1px; padding: 14px 10px }
.wwdTabsetList.nav-tabs .nav-link.active { color: #fff !important; pointer-events: none }
.wwdTabsetList.nav-tabs .icn { font-size: 36px; height: 36px; margin-bottom: 12px }
.videoAside { min-height: 250px }
.videoAside:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 0; right: 0 }
.videoAside.overlayThemeColor.hover:before { opacity: 0.5 }
.videoAside.overlayThemeColor:before { opacity: 0.7 }
.videoAside.hover:before { background-color: rgba(0, 0, 0, 0.2) }
.videoAside:before { background-color: rgba(0, 0, 0, 0.4) }
.videoAside .btnPlay:hover { border-width: 0 }
.filtersTabContentWrap > .tab-pane { display: block !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important }
.filtersTabContentWrap > .tab-pane:not(.show) { position: absolute; left: 0; top: 0; right: 0 }
.abtIntroAsideBlock h2, .abtIntroAsideBlock .h2 { margin-bottom: 0 }
.abtIntroAsideBlock p { margin-bottom: 10px }
.popItemColumn { padding-left: 10px; padding-right: 10px; margin-bottom: 30px }
.popItemColumn.hMbSmall h3, .popItemColumn.hMbSmall .h3 { margin-bottom: 9px }
.popItemColumn.hover .popActionsList { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.popItemColumn[data-featured-tag]:before { position: absolute; display: block; content: ""; top: 0; bottom: auto; left: 15px; right: auto }
.popItemColumn[data-featured-tag]:before { content: attr(data-featured-tag); color: #fff; text-transform: capitalize; border-radius: 2px 0 0 0; font-size: 16px; line-height: 1; min-width: 70px; text-align: center; padding: 7px 4px 4px; z-index: 1 }
.popItemColumn[data-featured-tag][data-tag-hot]:before { background-color: #e22027 }
.popItemColumn .imageHolder { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 -10px 26px }
.popItemColumn .imageHolder img { width: 100%; max-height: 268px; object-fit: cover }
.popItemColumn h3, .popItemColumn .h3 { font-size: 20px; margin-bottom: 14px }
.popItemColumn h4, .popItemColumn .h4 { font-size: 16px; margin-bottom: 0 }
.popItemColumn .priceCut { color: #a6a6a6; font-size: 14px; vertical-align: baseline; text-decoration: line-through }
.detailsImage .slick-slide { margin-bottom: 20px }
.detailsImage .swiper-top { position: relative }
.detailsImage .swiper-top .swiper-pagination { bottom: 10px; left: 50%; transform: translateX(-50%) }
.detailsImage .imgWrap { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1) }
.detailsImage .imgWrap[data-featured-tag]:before { position: absolute; display: block; content: ""; top: 0; bottom: auto; left: 0; right: auto }
.detailsImage .imgWrap[data-featured-tag]:before { content: attr(data-featured-tag); color: #fff; text-transform: capitalize; border-radius: 2px 0 0 0; font-size: 16px; line-height: 1; min-width: 70px; text-align: center; padding: 7px 4px 4px }
.detailsImage .imgWrap img { max-height: 468px; width: 100%; object-fit: cover; vertical-align: top }
.btHHead { color: #a6a6a6; margin-bottom: 26px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px }
.btHHead h1, .btHHead .h1 { margin-bottom: 20px; font-size: 28px; line-height: 1.5 }
.pageSec .btHHead h1 { margin-bottom: 0 }
.bdText { font-size: 14px; line-height: 1 }
.bdText span { margin-right: 10px }
.rpPostsWrap h2, .rpPostsWrap .h2, .commentsWrap h2, .commentsWrap .h2 { font-size: 24px; line-height: 1.25; margin-bottom: 40px }
.commentsWrap h2, .commentsWrap .h2 { margin-bottom: 30px }
.pre-active .entry-block { display: block }
#back-top { position: fixed; right: 10px; bottom: 20px; line-height: 50px; color: #fff; cursor: pointer; width: 50px; height: 50px; z-index: 100; opacity: 0; visibility: hidden; background-size: 200% auto; -webkit-transition: opacity .6s ease 0s, visibility .6s ease 0s; transition: opacity .6s ease 0s, visibility .6s ease 0s; -webkit-transform: translateZ(0) }
#back-top i { font-size: 50px; color: #f60 }
#back-top.active { opacity: 1; visibility: visible }
#bannerSwiper .swiper-slide { height: 450px; background-size: cover }
#bannerSwiper .swiper-slide .container { height: 100% }
#bannerSwiper .swiper-slide .inner { position: relative; height: 100%; display: flex; align-items: center; justify-content: center }
#bannerSwiper .swiper-slide .inner .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
#bannerSwiper .swiper-slide .inner .image img { width: 100%; height: 450px; object-fit: cover }
#bannerSwiper .swiper-slide .content { color: #fff; text-align: left; position: relative }
#bannerSwiper .swiper-slide .content h1 { font-size: 40px; color: #fff; line-height: 40px; margin-bottom: 30px; text-align: center; font-weight: bold }
#bannerSwiper .swiper-slide .content h1 span { color: #ff7200 }
#bannerSwiper .swiper-slide p { font-size: 22px; text-align: center; letter-spacing: 3px; color: #fff; margin-bottom: 0 }
#bannerSwiper .swiper-slide .content .mainbtn { margin-top: 50px; text-align: center }
#bannerSwiper .swiper-slide .content .mainbtn .btn { margin: 0 10px }
#bannerSwiper .swiper-slide .button { font-size: 16px; color: #fff; margin: 0 7px; padding: 10px 25px; border-radius: 20px; text-decoration: none; border: 1px solid #fff; transition: all .4s cubic-bezier(.4, 0, .2, 1); display: inline-block }
#bannerSwiper .swiper-slide .button:hover { color: #065fe3; background-color: #fff }
.swiper-button-prev, .swiper-button-next, #videoSwiper .swiper-button-prev, #videoSwiper .swiper-button-next { color: #fff; opacity: 0.9; font-size: 22px; line-height: 44px; text-align: center }
.swiper-button-prev:focus, .swiper-button-next:focus { outline: none }
#bannerSwiper .swiper-button-prev:hover, #bannerSwiper .swiper-button-next:hover { opacity: 1 }
#bannerSwiper .swiper-button-prev, #bannerSwiper .swiper-button-next { background: none }
#bannerSwiper .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; z-index: 999 }
.swiper-button-prev { left: 15px; z-index: 999 }
.swiper-button-next { right: 15px; z-index: 999 }
.swiper-button-prev:after, .swiper-button-next:after { content: none }
.swiper-button-prev i, .swiper-button-next i { font-size: 40px }
.effect-wrap-swiper .swiper-button-prev { transform: translateX(-100px); opacity: 0; transition: all 0.3s }
.effect-wrap-swiper .swiper-button-next { transform: translateX(100px); opacity: 0; transition: all 0.3s }
.effect-wrap-swiper:hover .swiper-button-prev, .effect-wrap-swiper:hover .swiper-button-next { transform: translateX(0); opacity: 1 }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto }
.newsModule h2 { margin-bottom: 40px }
.newsModule .ltPostColumn .wrap { overflow: hidden }
.newsModule .ltPostColumn h3 a { display: block }
.newsModule .ltPostColumn p { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.infoModule { background-attachment: fixed; background-size: cover; margin-bottom: 80px }
.aboutModule .clientsTestimonialBlockHolder { padding-left: 70px }
.aboutModule .headingHead { margin-bottom: 20px }
.content-slider { height: 650px; overflow: hidden }
.servicesBlock .headingHead { margin-bottom: 50px }
.productModule .product-item { border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 30px }
.productModule .product-item img { width: 100%; height: 305px; object-fit: cover }
.productModule.productModuleCat .product-item img { height: 268px }
.productModule .product-item .product-text { text-align: center; padding: 15px 10px; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff }
.productModule .product-item .product-text h3 { margin-bottom: 0px; font-size: 18px; font-weight: 600; margin-bottom: 6px; color: #242424; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.productModule .product-item:hover .product-text { background: #3a87fd }
.productModule .product-item:hover .product-text h3 { color: #fff }
.productModule .more { margin-top: 50px }
.productModuleCat .product-item { margin-top: 0; margin-bottom: 30px }
.projectsModule .headingHead { margin-bottom: 50px }
.projectsModule .more { margin-top: 20px }
.copyrightWrap { padding-bottom: 30px; text-align: center }
.copyrightWrap a { color: #a6a6a6 }
.project-container h1 { font-size: 32px }
.sdbWDescription h1 { font-size: 28px; line-height: 1.5 }
.sdbWDescription .meta-data .other p { font-size: 15px }
.sdbWDescription .meta-data .other p strong { color: #333 }
.shpTopContWrap { margin-top: 30px }
.shpTopContWrap .subTitle { color: #333; font-size: 18px; font-weight: bold }
.prejectsRec .headingHead { margin-bottom: 30px }
.error404 .pageFullBlock { padding: 150px 0 }
.error404 .pageFullBlock h2 { margin-bottom: 30px }
.cus-navigation { margin: 30px 0; text-align: center; font-size: 14px; color: #888 }
.cus-pagination-wrap a { background: #eee; margin: 0 5px; padding: 8px 15px; border-radius: 2px; color: #888; transition: all 0.3s }
.cus-pagination-wrap a:hover { background: #3a87fd; color: #fff }
.cus-pagination-wrap a.current { background: #3a87fd; color: #fff }
.entry-navigation__link a { color: #333 }
.entry-navigation__link a:hover { color: #3a87fd }
#header { position: fixed; left: 0; top: 0; right: 0; z-index: 9999; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03); -webkit-transform: translateZ(0) }
#header.searchShow { margin-right: 17px; overflow: hidden }
#header .header-wrap { display: flex; align-items: center; justify-content: space-between }
#header .header-wrap .button i { font-size: 22px }
.focux-header { margin-bottom: 80px }
.focux-header .top-bar { background: #f7f7f7 }
.focux-header .top-nav { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(0) }
#logo { position: relative; height: 82px; line-height: 82px; overflow: hidden; float: left }
#logo img { max-height: 50px; max-width: 300px }
.nav-wrap { text-align: center }
#mainnav > ul { display: flex; justify-content: center }
#mainnav ul li { position: relative }
#mainnav > ul > li:last-child { padding-right: 0 }
#mainnav > ul > li:last-child a { margin-right: 0 }
#mainnav > ul > li > a { display: block; font-size: 16px; font-weight: 500; padding: 0 15px; color: #333; font-weight: bold; height: 82px; line-height: 82px }
#mainnav > ul > li:hover > a { background: #3a87fd; color: #fff !important }
#mainnav > ul > li a .fa { margin-right: 5px; font-size: 14px }
#mainnav > ul > li.home > a { padding: 0 8px }
#mainnav ul.sub-menu { position: absolute; left: 0; top: 150%; width: 180px; text-align: left; background-color: #ffffff; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
#mainnav ul li:hover > ul.sub-menu { top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) }
#mainnav ul li ul li { margin-left: 0 }
#mainnav ul.sub-menu >li ul { position: absolute; left: 300px; top: 0 !important }
#mainnav ul.sub-menu ul.sub-menu { left: 180px !important; top: 10px !important }
#mainnav ul.sub-menu li:first-child { border-top: none }
#mainnav ul.sub-menu > li > a { display: block; color: #636363; padding: 0 0 0 20px; line-height: 45px; font-weight: 500; font-size: 13px; border-left: 5px solid #fff }
#mainnav ul.sub-menu > li > a:hover { background: #ececec }
#mainnav > ul > li.menu-item-has-children > a:after { display: inline-block; font-family: FontAwesome; content: "\f107"; margin-left: 3px }
#header.fixed-header { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1) }
#header.fixed-header #logo { margin-top: 38px }
#header.fixed-header .btn-quote { margin-top: 38px }
#header.fixed-header #mainnav > ul > li > a { padding-top: 38px; padding-bottom: 38px; color: #333 }
#header.fixed-header #mainnav > ul > li > a:hover { color: #fff }
#header.fixed-header .show-search { margin-top: 38px }
#header.fixed-header .show-search a { color: #333 }
#logo, .btn-quote, .user-action, .show-search { transition: all 0.3s ease-in-out }
button.search-submit-form { position: absolute; right: 2px; top: 7px; padding: 0px 10px; color: #999999; background-color: transparent; display: inline-block; height: 29px; line-height: 31px; font-size: 12px; border-color: transparent; border-left: 1px solid #d0d0d0; text-transform: uppercase; font-weight: 700; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.show-search { float: right; margin-top: 28px; position: relative }
.show-search a { margin-left: 21px; padding-left: 31px; font-size: 18px; padding: 0px; position: relative; color: #929292 }
.show-search a:before { content: ""; position: absolute; left: 0; top: 1px; width: 1px; height: 20px }
.show-search a i { width: 16px }
.show-search a:hover, .show-search a i:hover, .show-search.active a .fa-search:hover:before { color: #3a87fd }
.show-search.active a .fa-search:before { content: "\f00d"; color: #3a87fd }
.top-search { position: absolute; right: 0px; top: 110%; width: 270px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.top-search.show { visibility: visible; opacity: 1; z-index: 9999; top: 150% }
.mobile-button { display: none; position: absolute; width: 26px; height: 26px; float: right; top: 50%; right: 0; background-color: transparent; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.mobile-button:before, .mobile-button:after, .mobile-button span { background-color: #bfbfbf; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s }
.mobile-button:before, .mobile-button:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
.mobile-button span { position: absolute; width: 100%; height: 3px; left: 0; top: 50%; overflow: hidden; text-indent: 200% }
.mobile-button:before { -webkit-transform: translate3d(0, -7px, 0); -moz-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0) }
.mobile-button:after { -webkit-transform: translate3d(0, 7px, 0); -moz-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0) }
.mobile-button.active span { opacity: 0 }
.mobile-button.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) }
.mobile-button.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) }
.btn-submenu { position: absolute; right: 0; top: 0; font: 20px/50px FontAwesome; text-align: center; cursor: pointer; width: 70px; height: 50px; border-left: 1px solid #ededed }
.btn-submenu:before { content: "\f107"; color: #333 }
.btn-submenu.active:before { content: "\f106" }
#mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; background-color: #fff; z-index: 1000; top: 80px }
#mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0 }
#mainnav-mobi ul li { margin: 0; position: relative; text-align: left; border-top: 1px solid #dedede; cursor: pointer }
#mainnav-mobi ul > li > a { text-decoration: none; height: 50px; line-height: 45px; padding: 0 15px; color: #333; display: block }
#mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; background-color: #efefef }
#mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li { position: relative; border-top: 1px solid #d0d0d0 }
#mainnav-mobi > ul > li > ul > li > ul > li a { padding-left: 70px !important }
#mainnav-mobi ul.sub-menu > li > a { display: block; text-decoration: none; border-top-color: rgba(255, 255, 255, .1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
#mainnav-mobi > ul > li > ul > li:first-child a { border-top: none }
#mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a { color: #fff }
.module-service h2 { margin-bottom: 40px }
.module-service .service-box { background: #fff; padding: 30px; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; margin-bottom: 30px; box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .11) }
.module-service .service-box img { max-height: 120px }
.module-service .service-box:hover { -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .1); box-shadow: 0 15px 40px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -5px, 0) }
.module-service .service-box h3 { margin: 20px 0px; color: #233d63 }
.module-service .service-box .default-btn { display: inline-block; border: 1px solid #3a87fd; padding: 10px 25px; border-radius: 50px; color: #3a87fd; font-size: 12px }
.module-service .service-box .default-btn:hover { background: #3a87fd; color: #fff }
.fixbar { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; z-index: 100; border-top: 1px solid #e8e8e8; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom) }
.fixbar ul { display: -webkit-box; display: -moz-box; display: -o-box; display: box; margin: 0; padding: 0 }
.fixbar ul li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; list-style: none }
.fixbar ul li a { display: block; text-align: center; padding: 10px 0; color: #333 }
.fixbar ul li a img { margin-bottom: 5px; max-height: 28px }
.fixbar ul li a .fa { font-size: 22px }
.fixbar ul li a span { display: block; font-size: 12px; line-height: 1 }
@media only screen and (max-width:991px) {
	.bannerSwiperSec { margin-bottom: 0 }
	.aboutModule { margin-bottom: 0 }
	.infoModule { margin-bottom: 0 }
	.section-padding { padding: 20px 0 }
	#header.fixed-header #logo, #logo { margin-top: 0 !important }
	#mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a { color: #333 }
	#header .mobile-button { display: block }
	#header.fixed-header #logo { margin-top: 0 }
	#header .header-wrap { position: relative }
	.top .flat-user-section, #header .header-wrap .btn-quote, .mainnav { display: none }
	.top .flat-custom-info { text-align: center }
	.flat-whyus .flat-title { margin-bottom: 40px }
	#header.fixed-header { position: fixed; box-shadow: none }
	#header .header-wrap .show-search { display: none }
	#footer .footer-widgets .widget.widget-contact, #footer .footer-widgets .widget.widget-services, #footer .footer-widgets .widget.widget-subscribe { margin-top: 20px }
	.imagebox.imagebox-project-filter { width: 50% }
	#header.style1 #mainnav-mobi { top: 85px }
	.module-service h2 { margin-bottom: 20px }
	.module-service .col-item { padding-left: 5px; padding-right: 5px }
	.module-service .service-box { margin-bottom: 10px; padding: 10px }
	.module-service .service-box .service-icon img { max-height: 60px }
	.module-service .service-box h3 { font-size: 14px; margin: 10px 0 }
	.module-service .service-box p { font-size: 12px; margin-bottom: 0; line-height: 22px }
	.newsModule h2 { margin-bottom: 20px }
	#back-top { bottom: 100px }
}
@media only screen and (max-width:640px) {
	.focux-header { margin-bottom: 60px }
	#logo { height: 60px; line-height: 60px }
	#logo img { max-height: 60px }
	#mainnav-mobi { top: 60px }
	#mainnav-mobi ul > li a .fa { margin-right: 10px }
}
.bannerSwiperSec.swiper--style1 { overflow: hidden; margin-bottom: 0; background: #fff; padding: 30px }
.bannerSwiperSec.swiper--style1 .container { padding-left: 0; padding-right: 0 }
.item-wrap { position: relative; width: 100%; display: block; padding-bottom: 50px; border-radius: 4px; overflow: hidden; box-shadow: 0px 20px 50px -5px rgba(149, 164, 175, 0.2); transition: all 250ms linear }
.item-wrap a { display: block }
.item-wrap:hover { box-shadow: 0px 20px 50px -5px rgba(149, 164, 175, 0.4) }
.item-wrap:hover { transform: translateY(-5px) }
.item-wrap img { width: 100%; box-shadow: 0px 20px 50px -5px rgba(149, 164, 175, 0.2); transition: all 250ms linear; height: 340px; object-fit: cover; border-radius: 5px }
.item-wrap:hover img { box-shadow: 0px 40px 70px -5px rgba(149, 164, 175, 0.4) }
.item-wrap-text { position: absolute; display: block; border-radius: 5px; padding: 20px; z-index: 30; bottom: 0; left: 10px; width: calc(100% - 20px); background-color: #fff; box-shadow: 0 5px 30px rgba(0, 0, 0, .1); transition: all 250ms linear }
.item-wrap:hover .item-wrap-text { box-shadow: 0 13px 40px rgba(0, 0, 0, .15) }
.item-wrap-size { position: absolute; display: block; border-radius: 4px; overflow: hidden; padding: 5px 10px; z-index: 30; top: -20px; left: 50%; transform: translateX(-50%); background-color: var(--dark-blue); box-shadow: 0 8px 20px rgba(0, 0, 0, .3); transition: all 250ms linear }
.item-wrap-left { position: absolute; display: block; z-index: 30; top: 20px; left: 20px; transition: all 250ms linear }
.item-wrap-left-circle { position: relative; display: block; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; box-shadow: 0 8px 20px rgba(0, 0, 0, .3) }
.item-wrap-right { position: absolute; display: block; z-index: 30; top: 20px; right: 20px; opacity: 0; pointer-events: none; transform: rotate(-5deg); transition: all 250ms linear }
.item-wrap:hover .item-wrap-right { opacity: 1; pointer-events: auto; transform: rotate(0) }
.item-wrap-right-circle { position: relative; display: block; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: var(--dark); color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .3); transition: all 250ms linear }
.item-wrap-right-circle:hover { background-color: #f60; color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .4) }
.tag-wrap { position: relative }
.tag-wrap .tag { position: absolute; font-size: 12px; color: #fff; top: -22px; left: -67px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #f60; width: 160px; height: 70px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) }
.tag-wrap .tag span { position: absolute; top: 11px; letter-spacing: 2px; text-align: center; top: 75px; left: 50%; transform: translate(-50%, -30px) }
.tag-wrap .tag.tag-hot { background: #f60 }
.tag-wrap .tag.tag-new { background: #15bd61 }
.prod-meta .title { font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 12px }
.prod-meta .desc { font-size: 13px; color: #888; margin-bottom: 0 }
.h-module { margin-top: 30px }
.h-module .head { display: flex; margin-bottom: 1px !important; justify-content: space-between; border-radius: 8px 8px 0 0; padding: 20px 30px; align-items: center }
.h-module .head .title { margin: 0; position: relative; font-size: 20px; font-weight: bold }
.h-module .head .link { color: #e2e2e2; font-size: 14px; color: #a9a9a9 }
.h-module .head .link:hover { color: #666 }
.h-module .head .link:hover i { color: #666 }
.h-module .head .link i { margin-left: 2px; font-size: 14px }
.h-module .list { border-radius: 0 0 8px 8px }
.h-module-product.layout--lr .h-module-content { display: flex; justify-content: space-between }
.h-module-product.layout--lr .sidebar { height: 100% }
.h-module-product.layout--lr .sidebar img { height: 100% }
.h-module-product.layout--lr .main .head { border-bottom: 1px solid #f2f2f2 }
.swiper-logos { overflow: hidden }
.logos-wrap-1 { height: 66px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center }
.logos-wrap-1 img { width: 180px; height: auto; display: block; text-align: center; margin: 0 auto }
.logos-wrap-1.smaller-img img { width: 150px; height: auto; display: block; text-align: center; margin: 0 auto }
.logos-wrap-2 { height: 140px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center }
.logos-wrap-2 img { width: 140px; height: auto; display: block; text-align: center; margin: 0 auto }
.h-module-data .border-counters-right { border-right: 1px solid rgba(21, 21, 21, .12) }
.h-module-data .counter-big-num { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: var(--light-3); font-size: 85px; font-weight: 700; line-height: 1.1; transform: translateY(-50%) }
.h-module-data .counter-big-num .counter { color: #eee }
.h-module-data .desc { font-weight: bold; color: #333; font-size: 18px }
.lightbox-video { position: relative }
figure.lightbox-video:hover a:after { box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.25) }
figure.lightbox-video:hover a:after { background-color: var(--dark) }
figure.lightbox-video a:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid var(--white); z-index: 10; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -5px; display: block; -webkit-transition: all 300ms linear; transition: all 300ms linear }
figure.lightbox-video a:after { content: ""; width: 60px; height: 60px; background: var(--primary); z-index: 9; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; border-radius: 50%; box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.25); -webkit-transition: all 300ms linear; transition: all 300ms linear }
.h-module-video { position: relative }
.h-module-video .h-module-content .img-wrap img { width: 100%; height: 400px; object-fit: cover }
.h-module-video .h-module-content figure { margin: 0 }
.widget-video { position: relative }
.widget-video .video-content figure { margin: 0 }
.widget-video .video-content .img-wrap img { width: 100%; height: 180px; object-fit: cover }
.news-wrap { transition: all 250ms linear; box-shadow: 0px 20px 50px -5px rgba(149, 164, 175, 0.2); overflow: hidden; background-color: #fff }
.news-wrap:hover { transform: translateY(-4px) }
.news-wrap img { width: 100%; object-fit: cover; margin-bottom: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.news-wrap .post-title { font-size: 18px; font-weight: bold; line-height: 1.5 }
.news-wrap .post-desc { color: #555; margin-bottom: 30px; font-size: 15px }
.news-wrap .post-meta { display: flex; justify-content: space-between; font-size: 14px; color: #b1b1b1 }
.news-wrap .post-meta a { color: #b1b1b1; font-weight: normal }
.news--col3 .post-img img { height: 220px }
.news--col4 .post-img img { height: 180px }
.h-module-imglink .h-module-content { padding-bottom: 0 }
.h-module-imglink .col-item { margin-bottom: 30px }
.h-module-imglink .col-item .item-wrap { padding-bottom: 0 }
.h-module-imglink .col-item img { width: 100%; height: 180px; object-fit: cover }
.wrapCol2 .item-wrap img { height: 500px }
.wrapCol3 .item-wrap img { height: 360px }
.wrapCol4 .item-wrap img { height: 280px }
.wrapCol2.layoutSidebar .item-wrap img { height: 400px }
.wrapCol3.layoutSidebar .item-wrap img { height: 280px }
.wrapCol4.layoutSidebar .item-wrap img { height: 180px }
.wrapCol4.layoutSidebar .item-wrap-text { padding: 15px }
.wrapCol4.layoutSidebar .prod-meta .title { font-size: 15px }
.wrapCol4.layoutSidebar .prod-meta .desc { font-size: 12px }
.wrapCol2 .news--col2 .post-img img { height: 360px }
.wrapCol3 .news--col3 .post-img img { height: 240px }
.wrapCol4 .news--col4 .post-img img { height: 180px }
.wrapCol2.layoutSidebar .news--col2 .post-img img { height: 260px }
.wrapCol3.layoutSidebar .post-img img { height: 180px }
.wrapCol4.layoutSidebar .post-img img { height: 120px; margin-bottom: 15px }
.wrapCol4.layoutSidebar .news-wrap .post-desc { margin-bottom: 15px; font-size: 12px }
.wrapCol4.layoutSidebar .news-wrap .post-title { font-size: 15px }
.wrapCol4.layoutSidebar .news-wrap .post-meta { font-size: 12px }
.blog-single-left-content .blog-single-body { background: #fff; border-radius: 8px 8px 0 0 }
.blog-single-left-content .blog-single-body .body-head { padding: 30px; border-bottom: 1px solid #eee }
.blog-single-left-content .body-head .body-head-title { font-size: 26px; font-weight: bold; margin-bottom: 20px; line-height: 1.5 }
.blog-single-left-content .body-head .body-head-meta { font-size: 14px; color: #888; line-height: 30px; overflow: hidden }
.blog-single-left-content .body-head .body-head-meta span { margin-right: 10px; float: left }
.blog-single-left-content .body-head .body-head-meta .author { color: #555 }
.blog-single-left-content .body-head .body-head-meta .author, .blog-single-left-content .body-head .body-head-meta .text { margin-right: 5px }
.blog-single-left-content .body-head .body-head-meta .author img { border-radius: 50%; width: 30px; height: 30px; object-fit: cover; margin-right: 5px }
.blog-single-left-content .body-head .body-head-meta a { color: #888 }
.blog-single-left-content .body-head .body-head-meta a:hover { color: #f60 }
.blog-single-left-content .body-head .body-head-meta .read { float: right; margin-right: 0 }
.blog-single-left-content .body-content { padding: 30px }
.post-style h2 { font-size: 22px; font-weight: 600; margin: 0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 15px }
.post-style h3 { font-weight: 600; margin: 0 0 20px 0; font-size: 18px }
.post-style h4, .post-style h5, .post-style h6 { font-size: 16px; font-weight: 600; margin: 0 0 20px 0 }
.post-style ul { list-style: circle }
.post-style ol { list-style: decimal }
.post-style ul, .post-style ol { margin: 0 0 1.5em 3em }
.post-style ul li, .post-style ol li { color: #666; line-height: 2.2 }
.post-style ul.blocks-gallery-grid, .post-style ol.blocks-gallery-grid { margin: 0 }
.post-style p { margin-bottom: 30px; text-align: justify; line-height: 2; font-size: 16px; color: #333 }
.post-style a { color: #455ddc }
.post-style a[data-fancybox] { cursor: zoom-in }
.post-style img.aligncenter { display: block; margin: 0 auto }
.post-style blockquote { padding: 30px 40px; padding-left: 90px; background-color: #f0f1ff; margin: 30px 0 }
.post-style blockquote p { font-size: 16px; position: relative; margin-bottom: 0; color: #555 }
.post-style blockquote p:before { top: 50%; left: -60px; font-size: 28px; content: '\f10d'; font-weight: 900; position: absolute; color: #f7c605; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: FontAwesome }
.blog-single-body .share { display: flex; align-items: center; font-size: 14px; color: #888 }
.post-tag-wrap { display: flex; justify-content: space-between }
.post-tag-wrap .post-tag-list { display: flex; align-items: center; font-size: 14px; color: #888 }
.post-tag-wrap .post-tag-list a { display: inline-block; padding: 3px 10px; color: #fff; font-size: 12px; background-color: #c5c5c5; border-radius: 5px; margin-right: 5px }
.post-tag-wrap .post-tag-list a:hover { background-color: #f60 }
.navigation-post { font-size: 15px; padding: 30px; border-top: 1px solid #eee }
.navigation-post .entry-navigation { display: flex }
.navigation-post .entry-navigation:first-child { margin-bottom: 10px }
.blog-single-left-content .cop { background: #fff; padding: 30px; border-top: 1px solid #eee; font-size: 15px; text-align: justify; color: #888; border-left: 2px solid #ff9854 }
.blog-single-left-content .cop .p1 { margin-bottom: 10px }
.blog-single-left-content .cop a { color: #333 }
.postlist-text h3 { font-size: 18px; font-weight: bold }
.postlist-text ul li a { display: block; padding: 15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; color: #333 }
.postlist-text ul li a:hover { color: #f60 }
.postlist-text ul li:last-child a { border-bottom: 0 }
.postlist-area.blog-dependent { padding: 30px; background: #fff; border-radius: 8px }
.postlist-area.blog-dependent .postlist-text h3::before { top: 9px }
.postlist-area.blog-dependent .postlist-text ul { overflow: hidden }
.postlist-area.blog-dependent .postlist-text ul li { display: block; float: left; width: 435px; margin-right: 30px; border-bottom: 1px dashed #ddd }
.postlist-area.blog-dependent .postlist-text ul li:nth-child(2n) { margin-right: 0 }
.swiper-product-page { position: relative; margin-bottom: 5px }
.swiper-product-page .img-wrap img { height: 450px; width: 100%; object-fit: cover }
.swiper-product-page-thumbs .img-wrap img { height: 100px; width: 100%; object-fit: cover }
.swiper-product-page .swiper-pagination { bottom: 15px }
.product-thumbs { cursor: pointer; transition: all 250ms linear }
.product-thumbs::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: transparent; opacity: 0.7; transition: all 250ms linear; border-radius: 5px }
.product-thumbs:hover::after { background-color: var(--dark-blue) }
.swiper-product-page-thumbs .swiper-slide-thumb-active .product-thumbs::after { background-color: #000 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; z-index: 200; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.swiper-pagination-bullet { width: 6px; height: 3px; display: inline-block; border-radius: 1px; background-color: #fff; opacity: 0.8; cursor: pointer; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin: 0 4px }
.swiper-pagination-bullet:hover { background-color: var(--gray) }
.swiper-pagination-bullet-active:hover, .swiper-pagination-bullet-active { opacity: 1; background-color: #f60; width: 20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 200ms linear; transition: all 200ms linear }
.swiper-pagination-bullet:active, .swiper-pagination-bullet:focus { border: none; outline: none }
.separator-img-shadow { box-shadow: 0px 20px 50px -5px rgba(149, 164, 175, 0.5) }
.translate-top-120 { transform: translateY(-120px) }
.translate-top-200 { transform: translateY(-200px) }
.translate-bottom-120 { transform: translateY(120px) }
.translate-top-60 { transform: translateY(-60px) }
.separator-wrap-1 { width: 100%; max-width: 500px }
.border-counters-right { border-right: 1px solid rgba(21, 21, 21, .12) }
.counter-big-num { position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: var(--light-3); font-size: 85px; font-weight: 700; line-height: 1.1 }
.divider:before { position: absolute; height: 1px; width: 100%; content: ''; top: 50%; left: 0; transform: translateY(-50%); background-color: rgba(11, 11, 11, .12) }
.meta-desc p { color: #777 }
.meta-data p { color: #777; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.meta-data p:last-child { border-bottom: none; margin-bottom: 0 }
.meta-data p strong { color: #333 }
.modal-content { width: 100%; max-width: 580px; margin: 0; padding: 0; -webkit-font-smoothing: subpixel-antialiased; border-radius: 4px }
.modal-body .close { position: absolute; width: 50px; height: 50px; border-radius: 4px; top: 20px; right: 20px; padding: 0; margin: 0; opacity: 1; line-height: 50px; text-shadow: none; font-weight: normal; background-color: transparent; color: #fff; cursor: pointer; z-index: 100; transition: all 200ms linear }
.modal-body .close:hover { background-color: #34353e; color: #fff; border-radius: 50px }
.modal-body .close:active, .modal-body .close:focus { border: none; outline: none; box-shadow: none }
.modal-body .close i { font-size: 24px }
.modal-search p { color: #c7c7c7 }
.modal-dialog { position: absolute; width: auto; top: 50%; left: 50%; margin: 0 auto; pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 580px; margin: 0; padding: 0; border-radius: 4px; max-height: 100vh }
.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%) }
@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
.modal { z-index: 1121050; margin: 0; padding: 0; border-radius: 4px }
.modal-backdrop { z-index: 1121040; background-color: var(--dark) }
.modal-backdrop.show { opacity: 0.4 }
.modal.show .modal-dialog { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.modal-body { margin: 0; padding: 60px 35px; padding-bottom: 50px; border-radius: 4px }
.modal-header { border: none; margin: 0; padding: 0 }
.modal-content { poasition: relative; overflow: hidden; border: none; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15); margin: 0; padding: 0; background-color: var(--white); border-radius: 4px }
.modal-footer { border-top: none; margin: 0; padding: 0 }
.modal-search .modal-body { min-height: 100vh; border-radius: 0 }
.modal-search .modal-content { max-width: 100%; border-radius: 0; background-color: rgba(255, 255, 255, .95) }
.modal-search .modal-dialog { max-width: 100%; border-radius: 0 }
.modal-small .modal-content { max-width: 420px }
.modal-small .modal-dialog { max-width: 420px }
.modal-large .modal-content { max-width: 920px }
.modal-large .modal-dialog { max-width: 920px }
.bg-dark-blue { background-color: #1f2029 !important }
.form-group { position: relative; display: block; margin: 0; padding: 0 }
.form-style { padding: 13px 20px; height: 48px; width: 100%; font-weight: 400; border-radius: 4px; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; outline: none; color: var(--dark-blue); background-color: var(--white); border: 1px solid rgba(200, 200, 200, .5); -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-style.dark-version { color: var(--light-2); background-color: var(--black) }
.form-style.dark-blue-version { color: var(--light-2); background-color: var(--dark-blue) }
.form-style.gray-version { color: var(--dark-blue); background-color: var(--light-2) }
.no-border { border: none !important }
.form-group.just-line-light .form-style { padding: 13px 0; height: 48px; font-size: 15px; border-radius: 0; background-color: transparent; border: none; color: var(--gray); font-weight: 700; border-bottom: 2px solid var(--secondary) }
.form-group.just-line-light .form-style:focus, .form-group.just-line-light .form-style:active { border-color: var(--primary); outline: none; box-shadow: none }
.form-style.search { padding: 10px 0; height: auto; font-weight: 700; border-radius: 0; font-size: 36px; color: #ccc; background-color: transparent; border: none; border-bottom: 3px solid rgba(200, 200, 200, .4); -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-style.search:focus, .form-style.search:active { border-color: #f60; outline: none; box-shadow: none }
.form-style.form-textarea { height: auto }
.form-style:focus, .form-style:active { border-color: var(--primary); outline: none; box-shadow: 0 4px 8px 0 rgba(21, 21, 21, .03) }
.form-style:invalid { border-color: var(--red) }
.form-group input:-ms-input-placeholder { color: #c7c7c7; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input::-moz-placeholder { color: #c7c7c7; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input:-moz-placeholder { color: #c7c7c7; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input::-webkit-input-placeholder { color: #c7c7c7; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input:focus::-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input:focus:-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-group input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-style.big { padding: 18px 20px; height: 60px; font-size: 16px; line-height: 24px; font-weight: 500; border: none; box-shadow: 0px 10px 30px -5px rgba(149, 164, 175, 0.3); -webkit-transition: all 200ms linear; transition: all 200ms linear }
.form-style.dark-version.big { box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.2) }
.form-style.dark-version.big:focus, .form-style.dark-version.big:active { box-shadow: 0px 40px 70px -5px rgba(0, 0, 0, 0.4) }
.form-style.dark-blue-version.big { box-shadow: 0px 10px 30px -5px rgba(149, 164, 175, 0.2) }
.form-style.dark-blue-version.big:focus, .form-style.dark-blue-version.big:active { box-shadow: 0px 40px 70px -5px rgba(149, 164, 175, 0.4) }
.form-style.big.form-textarea { height: auto }
.form-style.big.form-style-with-icon { padding-left: 60px }
.form-style.big:focus, .form-style.big:active { border: none; outline: none; box-shadow: 0px 40px 70px -5px rgba(149, 164, 175, 0.4) }
.form-style.big.with-border { border: 1px solid var(--gray-light) }
.form-style.big.with-border:focus, .form-style.big.with-border:active { border: 1px solid var(--primary) }
.form-style.no-shadow { box-shadow: none }
.form-style.no-shadow:focus, .form-style.no-shadow:active { box-shadow: none }
.input-icon { position: absolute; top: 0; left: 20px; height: 48px; font-size: 24px; line-height: 48px; text-align: left; color: var(--primary); opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear }
.input-icon.big { height: 60px; line-height: 60px }
.form-style-with-icon { padding-left: 55px }
.menu-list .btn { margin-bottom: 5px }
.menu-list ul li a, .menu-list .btn { color: #888; background-color: transparent; font-size: 15px; text-align: left; height: 44px; height: auto; padding: 15px; display: block; border-radius: 5px }
.menu-list ul li a:hover, .menu-list .btn:hover { color: #1f2029; background-color: #f0eff3 }
.menu-list ul li a[aria-expanded="true"], .menu-list .btn[aria-expanded="true"] { color: #222; background-color: #f0eff3; font-weight: bold }
.card-body-title { font-size: 28px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; line-height: 1.2 }
.menu-list .title { font-size: 22px; padding: 15px }
.menu-list .title a { color: #333 }
.menu-list .page_item { margin: 2px 0 }
.menu-list li.current_page_item > a { color: #1f2029; background-color: #f0eff3; font-weight: bold }
.menu-list li.page_item_has_children > .children { position: relative; margin-left: 20px; margin-top: 10px; margin-bottom: 10px }
.topicDefaultMenu, .topicTabMenu { -webkit-transform: translateZ(0) }
.h-module-partner .body img { width: 100% }
.singleImage img { width: 100%; height: 528px; object-fit: cover }
.fancybox-thumbs__list a:before { border-color: #f60 }
.page .cusimg img { height: 200px; width: 100%; object-fit: cover }
.error404 .errtitle { color: #555 }
.widget { margin-bottom: 15px }
.widget-list { -webkit-transform: translateZ(0) }
.widget h3 { margin-bottom: 20px; font-size: 18px; font-weight: bold }
.widget.widget-search .form-control, .widget.widget-search input[type="search"] { border-width: 0 0 1px; border-color: #6e6e6e; margin: 0; height: 40px; padding: 7px 25px 7px 0 }
.widget.widget-search button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 14px }
.widget.widget-nothumbnail li a { color: #333; padding: 10px 0; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block }
.widget.widget-nothumbnail li a:hover { color: #f60 }
.page .widget.widget-nothumbnail li a { padding: 15px 0; font-size: 16px }
.widget.widget-list li:last-child a { border-bottom: none }
.widget.widget-list li a:hover { color: #3a87fd }
.page .widget.widget-list.widget-list--pic { padding: 0; border: none }
.page .widget.widget-list.widget-list--pic .pic-list .pic-list-item { margin-bottom: 30px }
.page .widget.widget-list.widget-list--pic .pic-list .pic-list-item:last-child { margin-bottom: 0 }
.widget.widget-thumbnail h3 { margin-bottom: 18px }
.widget.widget-thumbnail ul > li { overflow: hidden; margin-bottom: 15px }
.widget.widget-thumbnail ul > li:last-child { margin-bottom: 0 }
.widget.widget-thumbnail time { font-size: 12px; line-height: 1.2; color: #888 }
.widget.widget-thumbnail .imgWrap { border: 1px solid rgba(0, 0, 0, 0.1); width: 70px; height: 80px }
.widget.widget-thumbnail .imgWrap.alignleft { margin: 7px 20px 0 0 }
.widget.widget-thumbnail .imgWrap.imgWrap2 { margin-top: 0; border: 0; width: 70px; height: 70px }
.widget.widget-thumbnail .imgWrap img { width: 70px; height: 70px; object-fit: cover; vertical-align: top; border-radius: 5px }
.widget.widget-thumbnail h4 { max-height: 40px; overflow: hidden; font-size: 14px; line-height: 1.5; margin-bottom: 5px }
.widget-search .search-form { width: 100%; height: 50px; position: relative; margin: 0; z-index: 99 }
.widget-search .search-form label { display: block }
.widget-search .search-form input[type="search"] { margin-bottom: 0; height: 50px; font-size: 13px; color: #999999; width: 100%; border: 1px solid #ddd; text-indent: 10px }
.widget-list .tag-list a { width: 32.66%; height: 32px; line-height: 32px; float: left; color: #888; background-color: #f5f5f5; margin: 0 1% 1% 0; padding: 0 10px; font-size: 12px; overflow: hidden; border-radius: 5px }
.widget-list .tag-list a:nth-child(3n) { margin-right: 0 }
.widget-list .tag-list a:hover { background-color: #f60; color: #fff }
.tooltip { font-size: 12px }
.widget-gallery { padding-bottom: 24px }
.widget-gallery .col-item { margin-bottom: 6px }
.widget-gallery .col-item img { width: 100%; object-fit: cover; height: 125px }
.widget-gallery.widget-gallery-layout--col2 .col-item:nth-child(odd) { padding-right: 6px }
.widget-gallery.widget-gallery-layout--col2 .col-item:nth-child(even) { padding-left: 0px }
.widget-gallery.widget-gallery-layout--col3 .row { margin-left: -3px; margin-right: -3px }
.widget-gallery.widget-gallery-layout--col3 .col-item { margin-bottom: 6px; padding-right: 3px; padding-left: 3px }
.widget-gallery.widget-gallery-layout--col3 .col-item img { height: 82px }
.float-service { height: 376px; font-size: 12px; position: fixed; top: 50%; right: 0px; _position: absolute; z-index: 1500; transform: translate3d(0, -50%, 0) }
.float-service a { color: #00A0E9 }
.float-service a:hover { color: #ff8100; text-decoration: none }
.float-service .floatL { width: 36px; float: left; position: relative; z-index: 1; height: 181px; background: #5061ec; border-radius: 3px 0 0 3px }
.float-service .floatL a { font-size: 0; text-indent: -999em; display: block }
.float-service .floatR { width: 160px; height: 357px; float: left; overflow: hidden; background: #5061ec; border-radius: 0 0 0 3px }
.float-service .floatR .service-content { background: #F7F7F7; margin-top: 10px; margin-right: 10px; margin-left: 10px; padding: 5px 0 10px 0 }
.float-service .service-content .titZx { font-size: 14px; color: #333; font-weight: 600; line-height: 24px; padding: 5px; text-align: center; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.float-service .service-content .qq-list { padding: 0px; margin: 0 }
.float-service .service-content .qq-list li { border-bottom: solid 1px #E6E4E4; overflow: hidden; text-align: center; padding: 10px 0; display: flex; justify-content: center; align-items: center }
.float-service .service-content .qq-list li span { color: #777; margin-right: 5px }
.float-service .service-content .qq-list li a { color: #777 }
.float-service .service-content .qq-list li img { vertical-align: middle; max-width: 68px }
.float-service .btnOpen, .float-service .btnCtn { position: relative; z-index: 9; top: 25px; left: 0; background-image: url(../images/kefu.png); background-repeat: no-repeat; display: block; height: 146px; padding: 8px }
.float-service .btnOpen { background-position: 0 0 }
.float-service .btnCtn { background-position: -37px 0 }
.float-service .qq-list li.top { border-bottom: solid #ACE5F9 1px }
.float-service .qq-list li.bot { border-bottom: none }
.float-service .code { text-align: center }
.float-service .code img { max-width: 120px }
.float-service .time { display: flex; justify-content: center }
.float-service .time p { padding: 0 5px; color: #777; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.h-module-product.rec-id-post .list { padding-bottom: 15px }
.h-module-product.rec-id-post .list .item-wrap img { height: 305px }
.h-module-product.layout--lr .item-wrap img { height: 280px }
.h-module-product.layout--full.col4 .item-wrap img { height: 280px }