@charset "UTF-8"; /* Theme Name: Qiye 1 Theme URI: www.zhutibaba.com/themes/qiye1 Author: 主题巴巴 Author URI: www.zhutibaba.com Description: 企业一号是一款由主题巴巴原创开发的WordPress企业主题。 Version: 1.2.2 License: GNU General Public License v2 or later License URI: http:/www.gnu.org/licenses/gpl-2.0.html Text Domain: qiye-1 Tags: two-columns, right-sidebar */ /*-------------------------------------------------------------- 0. Reset --------------------------------------------------------------*/ html { -webkit-text-size-adjust: 100%; } *, *:before, *:after { box-sizing: border-box; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; word-wrap: break-word; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { color: #414141; text-decoration: none; } mark { background-color: #ff9; color: #414141; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } sup { top: -.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .no-list-style { list-style: none; margin: 0; padding: 0; } figure > img { display: block; } img { height: auto; max-width: 100%; } img[class*="align"], img[class*="attachment-"] { height: auto; } embed, iframe, object { max-width: 100%; width: 100%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.5075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- 1. Defaults --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; } strong, b { font-weight: bold; } input, textarea, select { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input, input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], input[type="tel"], textarea { font-size: 1em; font-weight: normal; background-color: #fff; border: 1px solid #eee; outline: none; color: #414141; } input:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #ddd; outline: none; } textarea { padding: 10px 15px; } input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="search"], input[type="password"], input[type="tel"] { height: 42px; line-height: 42px; padding: 0 15px; } a.roll-button, button, .btn, input[type="submit"], input[type="reset"], input[type="button"] { border: none; color: #fff; display: inline-block; padding: 0 15px; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 1em; height: 40px; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -webkit-backface-visibility: hidden; transition: all 0.3s; text-decoration: none; } a.roll-button:hover, button:hover, .btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #fff; opacity: 0.85; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } a.roll-button { display: inline-block; height: 42px; line-height: 42px; } a.roll-button:link, a.roll-button:visited { color: #fff; } a.roll-button:hover, button:hover, .btn:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { color: #fff; opacity: 0.85; text-decoration: none; } button:focus, textarea:focus { outline: 0; } .click-button:before { content: " "; clear: both; display: block; } .action-button a:link, .action-button a:visited { display: inline-block; font-size: 1em; font-weight: bold; line-height: 1; margin: 0 10px 20px 0; padding: 14px 18px; height: auto; text-align: center; } .action-button .subtitle { display: block; font-weight: normal; font-size: 0.72em; line-height: 1; margin: 6px 0 0; } .blue-button a:link, .blue-button a:visited { background-color: #037ef3; } .green-button a:link, .green-button a:visited { background-color: #2c9f45; } .orange-button a:link, .orange-button a:visited { background-color: #f85a40; } .yellow-button a:link, .yellow-button a:visited { background-color: #ffc845; } .red-button a:link, .red-button a:visited { background-color: #ed1c24; } .purple-button a:link, .purple-button a:visited { background-color: #8e43e7; } .black-button a:link, .black-button a:visited { background-color: #111; } .white-button a:link, .white-button a:visited { background-color: #fff; color: #111 !important; } .white-button a:link .subtitle, .white-button a:visited .subtitle { color: #999; } table { font-size: 1em; color: #333333; border-width: 1px; border-color: #eee; border-collapse: collapse; width: 100%; } table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #f7f7f7; } table tr:hover td { background-color: #f9f9f9; } table td { border-width: 1px; padding: 8px; border-style: solid; border-color: #eee; background-color: #ffffff; } select { box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 2.507em; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #414141; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: color .3s, border .3s, background .3s, opacity .3s; box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); background-color: #fff; -webkit-appearance: none; -moz-appearance: none; background-image: url("/wp-content/themes/qiye-1/assets/img/arrow-down.png"); background-position: right 10px center; background-repeat: no-repeat; background-size: 10px 10px; border-radius: 0; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; clear: both; } .alignnone { display: block; } /* Clear Floats */ .clear, .clearfix { clear: both; } .clear:before, .clear:after, .clearfix:before, .clearfix:after { content: ""; display: table; } .clear:after, .clearfix:after { clear: both; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .sticky, .bypostauthor { background: inherit; color: inherit; } body, input, textarea, table { font-family: Arial,"PingFang SC","Microsoft YaHei",sans-serif; } body { background: #fff; color: #414141; font-style: normal; font-size: 15px; font-weight: 400; line-height: 1.8em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; } a:hover { text-decoration: none; } a:active, a:focus { outline: 0; } .container { margin: 0 auto; width: 1180px; } /* =Genericons, thanks to FontSquirrel.com for conversion! -------------------------------------------------------------- */ @font-face { font-family: 'Genericons'; src: url("/wp-content/themes/qiye-1/genericons/font/genericons-regular-webfont.eot"); src: url("/wp-content/themes/qiye-1/genericons/font/genericons-regular-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/qiye-1/genericons/font/genericons-regular-webfont.woff") format("woff"), url("/wp-content/themes/qiye-1/genericons/font/genericons-regular-webfont.ttf") format("truetype"), url("/wp-content/themes/qiye-1/genericons/font/genericons-regular-webfont.svg#genericonsregular") format("svg"); font-weight: normal; font-style: normal; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .comment-list .children li:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_happythemes_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #masthead .container { position: relative; } .header-space { height: 75px; } .home-blog-space { height: 25px; } body.admin-bar .site-header { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .site-header { top: 46px; } } /* Smartphone */ @media screen and (max-width: 600px) { #wpadminbar { position: fixed !important; } } .site-header { background-color: #fff; width: 100%; height: 75px; line-height: 1; z-index: 9999 !important; position: fixed; -webkit-transition: height .25s ease; transition: all .25s ease; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); } .site-header.site-header-scrolled { background-color: #fff; z-index: 9999; } .site-header.no-header-search .header-cart { right: 0; } .site-header.no-header-search .header-cart .widget_shopping_cart { right: 0; } .site-header.no-header-search .slicknav_btn { margin-right: 5px; } .site-header .search-icon { display: block; position: absolute; top: 29px; right: 0; -webkit-transition: top .25s ease; transition: top .25s ease; } .site-header .search-icon:hover { cursor: pointer; } .site-header .search-icon span { color: #414141; font-size: 1.3em; font-weight: bold; vertical-align: middle; } .site-header .search-icon .genericon-search.active { display: none; } .site-header .search-icon .genericon-close { display: none; } .site-header .search-icon .genericon-close.active { display: inline-block; } .page-template-demo-transparent-header .site-header.white-header, .home .site-header.white-header { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; } .page-template-demo-transparent-header .site-header.white-header .site-title a, .home .site-header.white-header .site-title a { color: #fff; } .page-template-demo-transparent-header .site-header.white-header .site-title a:hover, .home .site-header.white-header .site-title a:hover { color: rgba(255, 255, 255, 0.85); } .page-template-demo-transparent-header .site-header.white-header .sf-menu li a, .home .site-header.white-header .sf-menu li a { color: #fff; } .page-template-demo-transparent-header .site-header.white-header .sf-menu li li a, .home .site-header.white-header .sf-menu li li a { color: #414141; } .page-template-demo-transparent-header .site-header.white-header .slicknav_menu .slicknav_icon-bar, .home .site-header.white-header .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .search-input { background: #fff; border: 1px solid #ddd; outline: none; height: 38px; line-height: 38px; color: #414141; text-indent: 5px; } .search-input:focus { background-color: #fff; border-color: #bfbfbf; } .search-submit { border-left: none; color: #fff; font-size: 15px; font-weight: 600; height: 42px; line-height: 1; outline: none; cursor: pointer; text-align: center; vertical-align: middle; } /* Header Search */ .header-search { display: none; background-color: #fff; border-top: 2px solid #ffbe02; line-height: 1; width: 300px; height: 60px; position: absolute; top: 75px; right: 0; z-index: 999; box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; -webkit-box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; } .header-search:after { color: #999; font-family: 'Genericons'; font-size: 22px; content: '\f400'; position: absolute; top: 19px; left: 24px; } .header-search .search-input { background: #f5f5f5; border: none; color: #222; font-size: 14px; width: 249px; height: 32px; padding-left: 35px; position: absolute; top: 13px; left: 13px; } .header-search .search-submit { border: none; box-shadow: none; color: #fff; font-size: 14px; height: 32px; line-height: 32px; position: absolute; top: 13px; right: 13px; width: 60px; text-align: center; text-transform: uppercase; } .header-search .search-submit:hover { opacity: 0.85; } .header-buttons { float: right; } .header-button { border-radius: 2px; display: inline-block; margin-top: 22px; padding: 0 12px; } .header-button.button1 { background-color: #fff; border: 1px solid #037ef3; color: #037ef3; height: 30px; line-height: 28px; margin-left: 4px; } .header-button.button1:hover { background-color: #037ef3; color: #fff; } .header-button.button2 { background-color: #037ef3; color: #fff; height: 30px; line-height: 30px; margin-left: 4px; } .header-button.button2:hover { opacity: 0.8; } .header-text { line-height: 75px; } /*-------------------------------------------------------------- 2.1 Logo --------------------------------------------------------------*/ .site-branding { float: left; text-align: left; } .site-branding #logo { float: left; height: 75px; -webkit-transition: height .25s ease; transition: height .25s ease; } .site-branding .helper { display: inline-block; height: 100%; vertical-align: middle; } .site-branding img { max-height: 75px; vertical-align: middle; } .site-title { font-size: 1.5em; font-weight: bold; float: left; transition: line-height .25s ease; } .site-title h1 { line-height: 73px; } .site-title a, .site-title a:visited { color: #414141; display: block; text-decoration: none; } .site-desc { border-left: 1px solid #f0f0f0; float: left; color: #bbb; font-size: 12px; line-height: 1; margin-left: 15px; padding-left: 15px; position: relative; top: 25px; } .site-desc .line2 { margin-top: 3px; } .site-desc .no-line2 { line-height: 29px; } /*-------------------------------------------------------------- 2.1 Navigation Menu --------------------------------------------------------------*/ /* Essential Styles */ .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu ul ul { top: 1px; left: 240px; } .sf-menu > li { float: left; } .sf-menu a { display: block; position: relative; } /* Theme Navigation Skin */ .sf-menu { float: left; } .sf-menu ul { background-color: #fff; width: 240px; padding: 0; box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; -webkit-box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; } .sf-menu a { text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ line-height: 75px; -webkit-transition: line-height .25s ease; transition: line-height .25s ease; } .sf-menu li a { color: #414141; font-size: 16px; margin: 0 18px; position: relative; text-transform: uppercase; } .sf-menu li a:before { background-color: transparent; content: " "; display: block; height: 4px; position: absolute; bottom: 16px; left: 0; width: 100%; transition: 0.3s all; } .sf-menu li li { height: auto; line-height: 1.5; } .sf-menu li li a { color: #414141; font-size: 16px; font-weight: normal; margin: 0; padding: 8px 18px; text-transform: none; } .sf-menu li li a:hover { background-color: #f5f5f5; } .sf-menu li li a:before { content: none; } .sf-menu li li ul { margin-top: -1px; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 6px; } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { display: block; position: absolute; top: 50%; right: 3px; margin-top: -8px; height: 0; width: 0; content: '\f431'; font: normal 15px/1 'Genericons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @-moz-document url-prefix() { .sf-arrows .sf-with-ul:after { margin-top: -7px; } } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { right: 18px; margin-top: -4px; margin-right: 0; content: '\f501'; font: normal 9px/1 'Genericons'; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Primary Menu */ #primary-nav { float: left; margin-left: 30px; } /*-------------------------------------------------------------- 3. Homepage --------------------------------------------------------------*/ .entry-title a, .entry-title a:visited { color: #414141; text-decoration: none; } .entry-title a:hover { text-decoration: none; } /* Site Content */ .page-template-page-canvas .site-content, .page-template-demo-transparent-header .site-content { padding: 0; } .site-content { padding: 0 0 30px 0; } #primary { float: left; width: 855px; } /*-------------------------------------------------------------- 3.2 Recent Content --------------------------------------------------------------*/ .breadcrumbs { padding: 15px 0; position: relative; margin-bottom: 50px; text-align: center; } .breadcrumbs .breadcrumbs-nav { color: #fff; font-size: 0.95em; font-weight: bold; } .breadcrumbs .breadcrumbs-nav a { background: url("/wp-content/themes/qiye-1/assets/img/arrow-right-white.png") no-repeat right center; background-size: 7px 7px; color: #fff; padding-right: 14px; margin-right: 2px; text-decoration: none; } .breadcrumbs .breadcrumbs-nav a:hover { text-decoration: underline; } .site-breadcrumbs { border-bottom: 1px solid #f0f0f0; color: #999; font-size: 0.95em; margin: -10px 0 30px; padding-bottom: 10px; } .site-breadcrumbs .fa { margin: 0 4px; } .site-breadcrumbs a:hover { text-decoration: underline; } .section-header { position: relative; margin-bottom: 20px; } .breadcrumbs h1, .breadcrumbs h2, .breadcrumbs h3, .section-header h1, .section-header h2, .section-header h3 { font-size: 18px; margin-bottom: 0; text-transform: uppercase; } .post-link { display: block; position: relative; } body.page-template-default, body.blog, body.archive, body.search, body.error404, body.single-post, body.single-products { background-color: #f1f4f9; } body.page-template-default #primary, body.blog #primary, body.archive #primary, body.search #primary, body.error404 #primary, body.single-post #primary, body.single-products #primary { background-color: #fff; float: right; padding: 30px; width: 905px; } body.page-template-default #secondary, body.blog #secondary, body.archive #secondary, body.search #secondary, body.error404 #secondary, body.single-post #secondary, body.single-products #secondary { float: left; width: 250px; } body.post-type-archive-services { background-color: #fff; } body.post-type-archive-services #primary { padding: 0; } body.post-type-archive-products { background-color: #f1f4f9; } body.post-type-archive-products #primary { background-color: transparent; padding: 0; } body.post-type-archive-employees { background-color: #f1f4f9; } body.post-type-archive-employees #primary { background-color: transparent; padding: 0; } body.post-type-archive-employees .roll-team .team-inner { box-shadow: 0 1px 6px 0 rgba(50, 50, 50, 0.05); } body.post-type-archive-employees .roll-team .team-content { text-align: center; } body.post-type-archive-employees .roll-team .team-item { margin-bottom: 30px; } .content-loop .hentry { border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; padding-bottom: 30px; position: relative; } .content-loop .entry-header { margin-bottom: 15px; } .content-loop .entry-title { font-size: 1.3em; line-height: 1.25; margin-bottom: 10px; } .content-loop .thumbnail-link { float: left; display: block; width: 220px; margin: 0 20px 0 0; position: relative; text-align: center; } .content-loop .thumbnail-link img { width: 100%; height: auto; line-height: 0.8; } .content-loop .entry-summary { color: #999; } .content-loop .content-ad { line-height: 1; margin-bottom: 25px; text-align: center; } .content-loop .content-ad .widget-title { display: none; } .content-loop .content-ad img { line-height: 0.8; max-width: 100%; } .content-loop .entry-meta, .content-search .entry-meta, .single #primary .entry-meta { color: #999; font-size: 0.9em; position: relative; margin-bottom: 15px; } .content-loop .entry-meta em, .content-search .entry-meta em, .single #primary .entry-meta em { font-style: normal; } .content-loop .entry-meta a, .content-loop .entry-meta .edit-link, .content-search .entry-meta a, .content-search .entry-meta .edit-link, .single #primary .entry-meta a, .single #primary .entry-meta .edit-link { color: #999; font-style: normal; text-decoration: none; } .content-loop .entry-meta a:hover, .content-loop .entry-meta .edit-link:hover, .content-search .entry-meta a:hover, .content-search .entry-meta .edit-link:hover, .single #primary .entry-meta a:hover, .single #primary .entry-meta .edit-link:hover { text-decoration: underline; } .content-loop .entry-meta .sep, .content-search .entry-meta .sep, .single #primary .entry-meta .sep { color: #ccc; margin: 0 8px; } /*-------------------------------------------------------------- 3.3 Pagination --------------------------------------------------------------*/ .pagination { clear: both; margin: 0 0 10px; width: 100%; text-align: center; } .pagination .nav-links { width: 100%; } .pagination .page-numbers { border-radius: 15px; color: #414141; display: inline-block; font-size: 1em; height: 30px; line-height: 30px; width: 30px; letter-spacing: 1px; margin: 0; transition: 0.3s all; text-decoration: none; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background-color: #037ef3; color: #fff; text-decoration: none; } .pagination .prev { float: left; } .pagination .next { float: right; } .pagination .prev, .pagination .next { position: relative; padding: 0 15px; width: auto; } /*-------------------------------------------------------------- 4. Single Post/Page --------------------------------------------------------------*/ .page-header { margin-bottom: 50px; padding: 30px 0px; } .page-header h1, .page-header h2, .page-header h3, .page-header .page-title { color: #fff; font-size: 2em; font-weight: normal; } .page-title { font-size: 32px; line-height: 1.2; } .single article.hentry .thumbnail-wrap { margin-bottom: 15px; } .single .entry-header { margin: 0 0 25px 0; } .single .entry-header .entry-meta { margin-bottom: 15px; } .single .entry-footer { margin-top: 25px; } .error404 .site-main .entry-thumbnail, .single .site-main .entry-thumbnail, .page .site-main .entry-thumbnail { margin-bottom: 10px; } .error404 h1.entry-title, .single h1.entry-title, .page h1.entry-title { font-size: 1.6em; line-height: 1.25; margin-bottom: 20px; } .error404 .entry-content label, .error404 .page-content label { display: inline-block; } /* Related Posts */ .entry-related { border-top: 1px solid #e9e9e9; margin: 30px 0 0 0; padding: 30px 0 0 0; } .entry-related h3 { font-size: 1.3em; margin-bottom: 20px; } .entry-related li.hentry { font-size: 15px; list-style: none; margin-bottom: 15px; padding-left: 13px; position: relative; max-height: 24px; overflow: hidden; } .entry-related li.hentry:before { background-color: #ccc; border-radius: 50%; display: inline-block; content: " "; width: 5px; height: 5px; position: absolute; left: 0; top: 11px; } .entry-related li.hentry a { color: #414141; } .entry-related li.hentry a:hover { color: #037ef3; } .entry-related li.hentry .entry-meta { color: #bbb; margin-left: 15px; font-size: 0.9em; visibility: hidden; transition: 0.3s all; } /* Entry Tags */ .entry-tags { margin-bottom: -5px; } .entry-tags span { font-size: 0.75em; margin-right: 10px; } .entry-tags .tag-links a { border: 1px solid #76838b; border-radius: 13px; display: inline-block; color: #76838b; font-size: 13px; height: 26px; line-height: 24px; margin: 0 7px 5px 0; padding: 0 10px; position: relative; text-decoration: none; text-transform: uppercase; transition: 0.3s all; } /* Author Box */ .author-box { background-color: #606c7e; color: #fff; margin: 30px 0 -31px; padding: 30px; position: relative; z-index: 2; } .author-box .avatar { border-radius: 50%; float: left; width: 72px; height: auto; line-height: 0.8; margin: 0 15px 0 0; } .author-box .author-meta { display: table; } .author-box .author-meta .author-name { font-size: 1.2em; margin-bottom: 7px; } .author-box .author-meta .author-name a, .author-box .author-meta .author-name a:visited { color: #fff; } .author-box .author-meta .author-desc { margin-bottom: 5px; } /* Entry Content */ .page-content, .entry-content { font-size: 17px; } .page-content .wp-post-image, .entry-content .wp-post-image { margin-bottom: 10px; width: 100%; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 20px; line-height: 1.2; } .page-content h1, .entry-content h1 { font-size: 32px; } .page-content h2, .entry-content h2 { font-size: 30px; } .page-content h3, .entry-content h3 { font-size: 24px; } .page-content h4, .entry-content h4 { font-size: 20px; } .page-content h5, .entry-content h5 { font-size: 18px; } .page-content h6, .entry-content h6 { font-size: 16px; } .page-content p, .entry-content p { line-height: 2; margin-bottom: 25px; } .page-content ul, .page-content ol, .entry-content ul, .entry-content ol { margin: 0 0 25px 0; } .page-content ul ul, .page-content ul ol, .page-content ol ul, .page-content ol ol, .entry-content ul ul, .entry-content ul ol, .entry-content ol ul, .entry-content ol ol { margin: 8px 0 0 25px; } .page-content ul li, .entry-content ul li { list-style: none; margin: 0 0 10px 0; padding-left: 18px; position: relative; } .page-content ul li:hover:before, .entry-content ul li:hover:before { color: #414141; } .page-content ul li:before, .entry-content ul li:before { border-radius: 3px; background-color: #ccc; content: " "; display: inline-block; width: 6px; height: 6px; position: absolute; left: 0; top: 11px; } .page-content ul li ul li, .entry-content ul li ul li { list-style: none; } .page-content ol li, .entry-content ol li { list-style: inside decimal; margin: 0 0 10px 0; } .page-content select, .entry-content select { padding: 0 5px; } .page-content select:focus, .page-content select:active, .entry-content select:focus, .entry-content select:active { outline: none; } .page-content dl, .entry-content dl { margin-bottom: 20px; } .page-content fieldset, .entry-content fieldset { border: 1px solid #e9e9e9; margin: 0 2px 20px 2px; padding: 0.35em 0.625em 0.75em; } .page-content input[type="radio"], .entry-content input[type="radio"] { -webkit-appearance: radio; } .page-content input[type="checkbox"], .entry-content input[type="checkbox"] { -webkit-appearance: checkbox; } .page-content ::-webkit-file-upload-button, .entry-content ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .page-content label, .entry-content label { display: inline-block; } .page-content table, .entry-content table { margin-bottom: 20px; } .page-content select, .entry-content select { border: 1px solid #e9e9e9; font-size: 1em; -webkit-border-radius: 3px; border-radius: 3px; height: 2em; max-width: 100%; -webkit-appearance: menulist; } .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="url"], .page-content input[type="search"], .page-content input[type="password"], .entry-content input[type="text"], .entry-content input[type="email"], .entry-content input[type="url"], .entry-content input[type="search"], .entry-content input[type="password"] { width: 300px; } .page-content input[type="file"], .entry-content input[type="file"] { border: none; } .page-content textarea, .entry-content textarea { width: 100%; height: 200px; } .page-content .wp-caption, .entry-content .wp-caption { background-color: #f7f7f7; padding: 0 0 1px 0; } .page-content .wp-caption-text, .entry-content .wp-caption-text { font-size: 13px; font-style: italic; color: #8E99A9; } blockquote { color: #999999; font-size: 18px; font-style: italic; padding: 0.25em 50px; line-height: 1.45; position: relative; } blockquote:before { display: block; content: "\201C"; font-size: 64px; position: absolute; left: 0; top: -15px; color: #cccccc; } blockquote cite { color: #333333; display: block; margin-top: 10px; } blockquote cite:before { content: "\2014 \2009"; } /*-------------------------------------------------------------- 5. Archive/Search Page --------------------------------------------------------------*/ .search-no-results .not-found .page-title { margin-bottom: 15px; } /*-------------------------------------------------------------- 6. Comments --------------------------------------------------------------*/ .comments-area { border-top: 1px solid #e9e9e9; background-color: #fff; margin: 30px 0 0 0; padding: 30px 0 0 0; } .comments-title { font-size: 1.3em; margin-bottom: 20px; } .comment-reply-title { font-size: 1.3em; margin-bottom: 20px; } .comment-list { border-bottom: 1px solid #e9e9e9; list-style: none; margin: 0 0 30px 0; } .comment-author { font-size: 0.9em; } .comment-meta { margin-bottom: 4px; } .comment-list .reply, .comment-metadata { font-size: 0.95em; } .comment-list .reply { margin-top: 10px; } .comment-author .fn { font-weight: bold; } .comment-author a { color: #2b2b2b; } .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a, .comment-list .reply a { color: #8E99A9 !important; text-decoration: none; } .comment-list .trackback a:hover, .comment-list .pingback a:hover, .comment-metadata a:hover, .comment-list .reply a:hover { color: #333 !important; } .comment-author a:hover { color: #414141; } .comment-list article, .comment-list .pingback, .comment-list .trackback { margin: 0 0 20px 0; } .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .comment-author .avatar { border-radius: 50%; position: absolute; top: 0; left: 0; width: 48px; height: auto; } .bypostauthor > article .fn:before { color: #fbb034; content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply { padding-left: 64px; } .comment-author { display: inline; } .comment-metadata { display: inline; margin-left: 7px; } .comment-edit-link { margin-left: 10px; } .comment-edit-link:hover { text-decoration: none; } #cancel-comment-reply-link:hover { text-decoration: none; } .comment-edit-link:before { content: "\f411"; } .comment-reply-link:hover { text-decoration: none; } .comment-reply-link:before, .comment-reply-login:before { content: '\f467'; color: #aaa; margin-right: 2px; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comment-content ul, .comment-content ol { margin: 0 0 24px 22px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .children { list-style: none; margin-left: 64px; } .comment .comment-respond { margin: 25px 0; } .comment-respond h3 { margin-top: 0; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #8E99A9; } .comment-notes a, .comment-awaiting-moderation a, .logged-in-as a, .no-comments a, .form-allowed-tags a, .form-allowed-tags code a { color: #8E99A9; } .comment-notes a:hover, .comment-awaiting-moderation a:hover, .logged-in-as a:hover, .no-comments a:hover, .form-allowed-tags a:hover, .form-allowed-tags code a:hover { color: #414141; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 0.95em; margin-bottom: 10px; } .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase; } .comment-form .comment-form-comment, .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 20px; } .comment-form textarea { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { width: 48.5%; } .comment-form .comment-form-url { width: 100%; } .comment-form .comment-form-url:before { content: ''; display: block; clear: both; } .comment-form .comment-form-author { float: left; } .comment-form .comment-form-email { float: right; } .comment-form:after { content: ''; display: block; clear: both; } .comment-form .submit { font-size: 1em; padding: 0 18px; } .comment-form-cookies-consent { margin: 0 0 20px 0; } .comment-form-cookies-consent label { font-weight: normal !important; } .comment-form label { font-size: 0.95em; letter-spacing: 1px; text-transform: uppercase; } input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5; } .required { color: #c0392b; } .comment-reply-title small a { color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px; } .comment-reply-title small a:before { content: "\f405"; font-size: 20px; } .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase; } .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block; } .comment-navigation .nav-previous a { margin-right: 10px; } #comment-nav-above { margin-top: 36px; margin-bottom: 0; } /*-------------------------------------------------------------- 7. Sidebar --------------------------------------------------------------*/ .sidebar { float: left; width: 250px; } .sidebar .widget { background-color: #fff; margin-bottom: 25px; padding: 20px; } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget .widget-title { font-size: 1.3em; font-weight: bold; margin-bottom: 20px; } .sidebar .widget p { margin-bottom: 20px; } .sidebar .widget ul > li { list-style: none; line-height: 1.6; margin: 0 0 15px 0; position: relative; } .sidebar .widget ul > li a { color: #414141; } .sidebar .widget ul li:last-child { margin-bottom: 0; } .sidebar .widget select { width: 100%; max-width: 100%; } .sidebar .widget_search input[type='search'] { width: 144px; } .sidebar .widget_search .search-submit, .sidebar .widget_search input[type='submit'] { color: #fff; width: 60px; text-align: center; padding-left: 0; padding-right: 0; } .sidebar .widget_social_icons ul li, .sidebar .widget_posts_thumbnail ul li { list-style: none; } .sidebar .widget_social_icons ul li:before, .sidebar .widget_posts_thumbnail ul li:before { content: none; display: none; } .sidebar .widget_posts_thumbnail { color: #8E99A9; } .sidebar .widget_posts_thumbnail ul > li { margin-bottom: 20px; } .sidebar .widget_posts_thumbnail .thumbnail-wrap, .sidebar .widget_posts_thumbnail .wp-post-image, .sidebar .widget_posts_thumbnail img { width: 80px; height: auto; } /* Posts with Thumbnail Widget */ .widget_posts_thumbnail ul li { margin: 0 0 20px 0; } .widget_posts_thumbnail li:after { content: ""; display: block; clear: both; } .widget_posts_thumbnail .entry-thumbnail { float: left; } .widget_posts_thumbnail .entry-wrap { display: table; } .widget_posts_thumbnail .thumbnail-wrap { float: left; margin: 0 12px 0 0; line-height: 0; } .widget_posts_thumbnail .entry-meta { font-size: 0.9em; margin-top: 5px; } /* Recent Posts Widget */ .widget_recent_entries .post-date { font-size: 13px; color: #8E99A9; margin-left: 5px; } /* Categories Widget */ .widget_categories ul li { color: #8E99A9; } .qiye_1_contact_info_widget div { line-height: 1.5; margin-bottom: 15px; } .qiye_1_contact_info_widget span { float: left; padding-right: 12px; } .qiye_1_contact_info_widget .address-line { display: table; margin-bottom: 0; } .sidebar, .site-footer { /* Ad Widget */ /* Newsletter Widget */ /* Social Icons Widget */ /* Tag Cloud Widget */ } .sidebar .widget_ad, .site-footer .widget_ad { background: none; padding: 0; } .sidebar .widget_ad img, .site-footer .widget_ad img { line-height: 0.8; } .sidebar .widget_newsletter, .site-footer .widget_newsletter { background: #f0f0f0; width: 100%; padding: 20px; } .sidebar .widget_newsletter .widget-title, .site-footer .widget_newsletter .widget-title { border-bottom: none; padding-bottom: 0; } .sidebar .widget_newsletter .widget-title span, .site-footer .widget_newsletter .widget-title span { background: none; } .sidebar .widget_newsletter .widget-title:after, .site-footer .widget_newsletter .widget-title:after { content: none; } .sidebar .widget_newsletter form input[type="text"], .sidebar .widget_newsletter form input[type="email"], .site-footer .widget_newsletter form input[type="text"], .site-footer .widget_newsletter form input[type="email"] { border: none; width: 100%; margin-bottom: 15px; } .sidebar .widget_newsletter form input[type="text"]:focus, .sidebar .widget_newsletter form input[type="email"]:focus, .site-footer .widget_newsletter form input[type="text"]:focus, .site-footer .widget_newsletter form input[type="email"]:focus { border: none; } .sidebar .widget_newsletter form input[type="submit"], .sidebar .widget_newsletter form input[type="button"], .sidebar .widget_newsletter form button, .site-footer .widget_newsletter form input[type="submit"], .site-footer .widget_newsletter form input[type="button"], .site-footer .widget_newsletter form button { border: none; color: #fff; font-size: 14px; width: 100%; } .sidebar .widget_social_icons, .site-footer .widget_social_icons { text-align: center; } .sidebar .widget_social_icons .widget-title, .site-footer .widget_social_icons .widget-title { border: none; margin-bottom: 10px; } .sidebar .widget_social_icons .widget-title span, .site-footer .widget_social_icons .widget-title span { padding: 0 15px; } .sidebar .widget_social_icons .desc, .site-footer .widget_social_icons .desc { color: #8E99A9; font-size: 14px; margin-bottom: 20px; } .sidebar .widget_social_icons ul li, .site-footer .widget_social_icons ul li { border: none; display: inline-block; margin: 0 4px; padding: 0; } .sidebar .widget_social_icons ul li a, .site-footer .widget_social_icons ul li a { display: block; width: 32px; text-align: center; } .sidebar .widget_tag_cloud .tagcloud a, .site-footer .widget_tag_cloud .tagcloud a { border: 1px solid #76838b; border-radius: 13px; display: inline-block; color: #76838b; font-size: 13px !important; height: 26px; line-height: 24px; margin: 0 7px 5px 0; padding: 0 10px; position: relative; text-decoration: none; text-transform: uppercase; transition: 0.3s all; } /*-------------------------------------------------------------- 7. Footer --------------------------------------------------------------*/ .footer-columns { border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 50px 0 20px 0; } .footer-columns .footer-column.ht_grid_1_4 { margin-bottom: 0; } .footer-columns .widget { margin-bottom: 25px; } .footer-columns .widget_posts_thumbnail .thumbnail-wrap, .footer-columns .widget_posts_thumbnail .wp-post-image, .footer-columns .widget_posts_thumbnail img { width: 80px; height: auto; } .site-footer .widget { color: #ffffff; font-size: 0.9em; margin-bottom: 25px; } .site-footer .widget a { color: #fff; } .site-footer .widget a:hover { color: #fff; } .site-footer .widget .widget-title { color: #fff; font-size: 1.4em; margin-bottom: 20px; } .site-footer .widget p { color: #ffffff; margin-bottom: 15px; } .site-footer .widget ul > li { list-style: none; line-height: 1.2; padding: 0; margin-bottom: 10px; } .site-footer .widget ul > li a { color: #fff; text-decoration: none; } .site-footer .widget ul > li a:hover { color: #fff; text-decoration: underline; } .site-footer .widget ul li:first-child { border-top: none; padding-top: 0; } .site-footer .widget ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .site-footer .widget select { width: 100%; max-width: 100%; } .site-footer .widget_posts_thumbnail ul li { margin-bottom: 20px; } .site-footer .widget_posts_thumbnail .thumbnail-wrap { line-height: 0.5; } .site-footer .widget_search input[type='search'] { width: 100%; margin-bottom: 10px; } .site-footer .widget_search input[type='submit'] { width: 100%; } .site-footer .widget_newsletter { background: none; padding: 0; } /* Bottom Right Buttons */ .bottom-right { display: none; width: 42px; position: fixed; right: 5px; bottom: 40px; /* Back to top button */ } .bottom-right .bottom-icon { border: 1px solid #eaeaea; margin-bottom: -1px; } .bottom-right #back-top.bottom-icon { visibility: hidden; } .bottom-right .icon-contact a { border-top: none; border-top-left-radius: 2px; border-top-right-radius: 2px; } .bottom-right span.icon-link, .bottom-right a { background-color: #fff; cursor: pointer; display: inline-block; } .bottom-right span.icon-link span, .bottom-right a span { color: #999; display: inline-block; line-height: 38px; width: 40px; z-index: 25; background: #fff; font-size: 24px; text-align: center; -webkit-backface-visibility: hidden; } .bottom-right span.icon-link .icon, .bottom-right a .icon { font-size: 16px; line-height: 38px; } .bottom-right span.icon-link .text, .bottom-right a .text { background-color: #037ef3; color: #fff; display: none; width: 40px; height: 38px; line-height: 1; font-size: 13px; padding: 6px 2px 0 2px; } .bottom-right span.icon-link:hover, .bottom-right a:hover { text-decoration: none; } .bottom-right span.icon-link:hover .icon, .bottom-right a:hover .icon { display: none; } .bottom-right span.icon-link:hover .text, .bottom-right a:hover .text { display: inline-block; } /* Tooltip */ .tooltip { display: inline-block; position: relative; text-align: left; line-height: 1.7; } .left-space { min-width: 210px; position: relative; position: absolute; top: 50%; right: 100%; visibility: hidden; opacity: 0; transition: opacity 0.8s; } .tooltip .left { min-width: 200px; margin-right: 11px; transform: translate(0, -50%); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .tooltip .left h3 { color: #333; font-weight: normal; } .tooltip:hover .left-space { visibility: visible; opacity: 1; } .tooltip .left i { position: absolute; top: 50%; left: 100%; margin-top: -12px; width: 12px; height: 24px; overflow: hidden; } .tooltip .left i::after { content: ''; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); } .contact-info h3 { font-size: 16px; text-align: center; margin-bottom: 1px; } .contact-info strong { display: block; font-size: 18px; margin-bottom: 5px; text-align: center; } .contact-info p { margin-bottom: 6px; } .contact-info img { vertical-align: middle; } .icon-weixin h3 { text-align: center; } /* Site Bottom */ #site-bottom { color: #ffffff; font-size: 0.95em; padding: 20px 0; } #site-bottom a { text-decoration: none; } #site-bottom a:hover { text-decoration: underline; } #site-bottom .site-info { float: left; } #site-bottom .site-info a { color: #ffffff; } #site-bottom .site-info a:hover { color: #fff; opacity: 1; } #site-bottom .footer-nav { float: right; } #site-bottom .footer-nav li { display: inline-block; list-style: none; line-height: 1; margin-left: 25px; } #site-bottom .footer-nav li:last-child { border-right: none; padding-right: 0; } #site-bottom .footer-nav li a { color: #ffffff; } #site-bottom .footer-nav li a:hover { opacity: 1; } #site-bottom .footer-nav li li { display: none; } .friend-section { font-size: 13px; padding: 20px 0; } .friend-section strong { border-radius: 2px; color: #fff; float: left; display: inline-block; font-size: 13px; font-weight: normal; line-height: 1; margin-right: 15px; padding: 5px 6px; -webkit-backface-visibility: hidden; position: relative; top: 1px; } .friend-section strong:after { font-family: "fontawesome"; content: "\f0da"; position: absolute; right: -4px; } .friend-nav { padding: 0 5px 0 0; } .friend-nav li { display: inline-block; list-style: none; line-height: 1; margin-right: 15px; } .friend-nav li a { color: #777; } .friend-nav li a:hover { color: #333; text-decoration: underline; } .friend-nav li li { display: none; } /*-------------------------------------------------------------- 9. Misc. --------------------------------------------------------------*/ #wpadminbar ul#wp-admin-bar-root-default > li.zhutibaba a { background-color: #34bf49; color: #fff; padding-right: 11px; } #wpadminbar ul#wp-admin-bar-root-default > li.zhutibaba a:hover { opacity: 0.85; } #wpadminbar ul#wp-admin-bar-root-default > li.zhutibaba a:before { color: #fff; content: "\f112"; font-size: 17px; top: 4px; } .box-shadow, .plan-item { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); transition: 0.3s all; } .block-shadow { background: #fff; border-radius: 6px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.06); transition: all 0.2s ease-in; } .block-shadow:hover { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .header-search input[type="search"] { line-height: 32px; } .setup-notice { background-color: #f5f5f5; padding: 20px; } /* CSS3 Effects */ .gradient1 { background: -webkit-gradient(105deg, from(#0ecad4), to(#5d67f0)); background: linear-gradient(105deg, #0ecad4, #5d67f0); } .gradient2 { background: -webkit-gradient(linear, left top, right bottom, from(#c26bd6), to(#3123ae)); background: linear-gradient(to bottom right, #c26bd6 0%, #3123ae 100%); } .gradient3 { background: #0066cc; background: -moz-linear-gradient(45deg, #0066cc 0%, #66c7d6 100%); background: -webkit-linear-gradient(45deg, #0066cc 0%, #66c7d6 100%); background: linear-gradient(45deg, #0066cc 0%, #66c7d6 100%); } .gradient4, .page-header { background: -webkit-gradient(105deg, #0ecad4, #0ecad4, #50e3c2); background: linear-gradient(105deg, #0ecad4, #0ecad4, #50e3c2); } /* Responsive Menu */ .slicknav_menu, #slick-mobile-menu { display: none; } .full-width { float: none !important; width: 100% !important; } img { -webkit-backface-visibility: hidden; transition: ease-in-out 200ms; } /* Homepage Styles */ .panel-row-style { padding-top: 60px; padding-bottom: 60px; } .panel-grid { max-width: 1180px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; } .panel-grid p { margin-bottom: 25px; } .panel-grid .custom-html-widget h1, .panel-grid .custom-html-widget h2, .panel-grid .custom-html-widget h3, .panel-grid .custom-html-widget h4, .panel-grid .custom-html-widget h5, .panel-grid .custom-html-widget h6 { font-size: 2.4em; line-height: 1.1em; margin-bottom: 35px; } .panel-grid .custom-html-widget p { font-size: 1.5em; line-height: 1.35em; margin-bottom: 45px; } .panel-grid .service-a-section .more-button { margin-top: 0; } .panel-grid .more-button { border-bottom: 2px solid; display: inline-block; font-size: 1.05em; font-weight: bold; line-height: 1.35; margin-top: 40px; text-decoration: none; } .panel-grid .more-button:before { content: " "; clear: both; display: block; } .panel-grid .more-button:hover { border-bottom-color: #414141; color: #414141; text-decoration: none; } .panel-widget-style[data-title_alignment="center"] .widget-title, .panel-grid-cell .widget-title { font-size: 1.8em; margin-bottom: 50px; position: relative; } .panel-grid-cell .widget_newsletter .widget-title, .single-newsletter.widget_newsletter .widget-title { font-size: 2.5em; font-weight: bold; line-height: 1.1; margin-bottom: 30px; } .panel-grid-cell .widget_newsletter .newsletter-widget p, .single-newsletter.widget_newsletter .newsletter-widget p { font-size: 1.6em; line-height: 1.4em; margin-bottom: 50px; } .panel-grid-cell .widget_newsletter .newsletter-widget form, .single-newsletter.widget_newsletter .newsletter-widget form { display: inline-block; position: relative; } .panel-grid-cell .widget_newsletter .newsletter-widget input[type="email"], .panel-grid-cell .widget_newsletter .newsletter-widget input[type="text"], .single-newsletter.widget_newsletter .newsletter-widget input[type="email"], .single-newsletter.widget_newsletter .newsletter-widget input[type="text"] { border-radius: 5px; border: 6px solid #fff; display: block; height: 62px; width: 430px; margin-top: 10px; } .panel-grid-cell .widget_newsletter .newsletter-widget input[type="email"]:focus, .panel-grid-cell .widget_newsletter .newsletter-widget input[type="text"]:focus, .single-newsletter.widget_newsletter .newsletter-widget input[type="email"]:focus, .single-newsletter.widget_newsletter .newsletter-widget input[type="text"]:focus { background-color: #f0f0f0; } .panel-grid-cell .widget_newsletter .newsletter-widget input[type="submit"], .panel-grid-cell .widget_newsletter .newsletter-widget input[type="button"], .panel-grid-cell .widget_newsletter .newsletter-widget button, .single-newsletter.widget_newsletter .newsletter-widget input[type="submit"], .single-newsletter.widget_newsletter .newsletter-widget input[type="button"], .single-newsletter.widget_newsletter .newsletter-widget button { font-weight: normal; height: 50px; position: absolute; right: 6px; bottom: 6px; } .panel-widget-style[data-title_alignment="center"] .widget-title { text-align: center; } .panel-widget-style[data-title_alignment="left"] .widget-title { text-align: left; } .textwidget ul, .textwidget ol { margin-bottom: 30px; list-style: inside; } .textwidget ul li { list-style: none; margin-bottom: 10px; } .textwidget ul li:before { color: #2c9f45; content: '\f418'; display: inline-block; font-size: 1.1em; font-family: genericons; margin-right: 6px; vertical-align: middle; text-align: left; } .pricing-section:after, .roll-team:after { content: " "; clear: both; display: block; } .siteorigin-panels-stretch { background-repeat: none; background-position: center center; } /* Services Widget */ .post-type-archive-services { background-color: #f0f0f0; } .post-type-archive-services .service-thumb { margin-bottom: 15px; } .post-type-archive-services #primary { background-color: #f7f8f9; } .post-type-archive-services .service { margin-bottom: 40px; text-align: center; } .post-type-archive-services .service .icon { background-color: #fff; margin-bottom: 15px; text-align: center; } .post-type-archive-services .service .icon .fa { font-size: 48px; } .post-type-archive-services .service .content h3 { margin-bottom: 5px; } .post-type-archive-services .service .content p { color: #999; } .max-img-64 .service-thumb img { max-width: 64px; } /* Services Style */ .service-style-boxed .service { background-color: #fff; box-shadow: 0 2px 2px rgba(100, 100, 100, 0.05); transition: 0.3s all; overflow: hidden; } .service-style-boxed .service:hover { transform: translateY(-8px); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); } .service-style-boxed .service:hover img { filter: brightness(100%); -webkit-filter: brightness(100%); } .service-style-boxed .service .roll-icon-box { margin-bottom: 20px; } .service-style-boxed .service .icon { padding: 20px 20px 0 20px; } .service-style-boxed .service .fa { font-size: 36px; margin-bottom: 20px; } .service-style-boxed .service .content { padding: 0 20px; } .service-style-boxed .service h3 { font-size: 1.2em; margin-bottom: 6px; } .service-style-boxed .service h3 a { color: #333; } .service-style-boxed .service p { color: #999; font-size: 13px; } /* Services Icon Position */ .service-icon-top .service .service-thumb { margin-bottom: 15px; } .service-icon-top.service-style-flat h3 { font-size: 1.2em; margin-bottom: 6px; } .service-icon-top.service-style-flat p { font-size: 13px; } .service-icon-left.service-style-boxed .roll-icon-box, .service-icon-right.service-style-boxed .roll-icon-box { padding: 20px; } .service-icon-left .service .content, .service-icon-right .service .content { padding: 0; } .service-icon-left .service .service-thumb, .service-icon-right .service .service-thumb { max-width: 128px; } .service-icon-left .service .icon, .service-icon-right .service .icon { width: 36px; text-align: center; } .service-icon-left .service .fa, .service-icon-right .service .fa { font-size: 32px; } .service-icon-left .service h3, .service-icon-right .service h3 { font-size: 1.2em; margin-bottom: 5px; } .service-icon-left .service p, .service-icon-right .service p { font-size: 0.95em; } .service-icon-left .service .content, .service-icon-right .service .content { display: table; text-align: left; } .service-icon-left .service .service-thumb { float: left; margin: 0 25px 0 0; } .service-icon-left .service .icon { float: left; margin: 0 20px 0 0; } .service-icon-right .service .service-thumb { float: right; margin: 0 0 0 25px; } .service-icon-right .service .icon { float: right; margin: 0 0 0 20px; } /* Timeline Widget */ .qiye_1_timeline_widget .timeline .timeline-inner { border-left: 2px solid; padding-bottom: 5px; } .qiye_1_timeline_widget .timeline .icon { position: relative; top: 0; left: -13px; } .qiye_1_timeline_widget .timeline .icon .fa { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; } .qiye_1_timeline_widget .timeline .content { padding-left: 40px; text-align: left; } .qiye_1_timeline_widget .timeline .content .timeline-date { display: block; font-size: 0.95em; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.6; } .qiye_1_timeline_widget .timeline .content h3 { font-size: 20px; margin-bottom: 10px; } /* Lastest products -------------------------------------------------------------- */ .product-filter { margin: 20px 0 40px; text-align: center; padding-left: 0; } .product-filter li { display: inline-block; position: relative; text-align: center; } .product-filter li a { border-bottom: 2px solid transparent; color: #767676; display: block; font-size: 0.95em; outline: 0; margin: 0 10px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; } .roll-product { margin: 0; } .roll-product .product-item { margin: 0 0 27px 0; position: relative; width: 25%; } .roll-product .product-item img { width: 100%; } .roll-product .product-item .item-wrap { position: relative; } .roll-product .product-item .product-inner { margin: 0 12px; position: relative; transition: 0.3s all; } .roll-product .product-item .product-inner:hover { transform: translateY(-4px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .roll-product .product-item .product-cat { width: 100%; position: absolute; left: 0; top: 50%; padding-top: 20px; margin: 0; } .roll-product .product-item .product-cat li { display: inline-block; } .roll-product .product-item .product-cat li a { position: relative; font-style: italic; padding: 0 5px; } .roll-product .product-item .product-cat li a:before { position: absolute; content: "/"; left: -3px; top: -1px; } .roll-product .product-item .product-cat li:first-child a:before { content: ""; } .roll-product .thumbnail-link { display: block; line-height: 0.5; } .roll-product .product-title { background-color: #fff; font-size: 1em; font-weight: normal; text-align: center; } .roll-product .product-title a { color: #414141; display: block; padding: 15px 10px; text-decoration: none; } .roll-product .product-title a:hover { text-decoration: none; } .roll-product.fullwidth .product-item { float: left; width: 25%; } /* Progress Bar -------------------------------------------------------------- */ .roll-progress { position: relative; margin-bottom: 20px; } .roll-progress .name { position: absolute; left: 0; top: 0; font-weight: bold; } .roll-progress .name, .roll-progress .perc { font-size: 0.9em; } .roll-progress .progress-animate { height: 10px; width: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .roll-progress .progress-bar { background: #f3f3f3; width: 100%; margin-top: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .roll-progress .perc { width: 0; height: 25px; text-align: right; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .roll-progress .perc.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* Pricing tables -------------------------------------------------------------- */ .qiye_1-pricing-table { display: inline-block; vertical-align: top; margin-bottom: 30px; } .qiye_1-pricing-table h4 { font-size: 1.4em; margin: 0 0 20px 0; position: relative; z-index: 11; } .plan-icon { color: #ccc; font-size: 52px; line-height: 1; margin-bottom: 20px; transition: all 0.4s; } .plan-price { color: #ff3838; font-size: 42px; line-height: 1; margin-bottom: 30px; position: relative; z-index: 11; } .plan-price span { color: #999; font-size: 18px; margin: 0 2px; font-weight: 400; } .plan-feature { color: #5e646e; padding: 8px 0; } .plan-feature strong { color: #414141; } .plan-item { background-color: #fff; padding: 30px 18px; } .plan-btn { margin: 30px 0 0 0; text-align: center; } .plan-btn .roll-button { display: inline-block; padding-left: 30px; padding-right: 30px; } /* Promo Box -------------------------------------------------------------- */ .roll-promobox { text-align: center; padding: 20px 0; } .roll-promobox .title { font-size: 1.8em; line-height: 1.2; margin-bottom: 30px; } .roll-promobox.aside-style { text-align: left; } .roll-promobox.aside-style .promo-content { display: table-cell; vertical-align: middle; width: 70%; } .roll-promobox.aside-style .promo-content .title { margin-bottom: 0; } .roll-promobox.aside-style .promo-content p { padding-bottom: 15px; margin: 0 0 5px; } .roll-promobox.aside-style .promo-wrap { display: table; overflow: hidden; width: 100%; } .roll-promobox.aside-style .promo-controls { display: table-cell; margin: 0; text-align: center; vertical-align: middle; white-space: nowrap; width: 30%; } .roll-promobox .promo-content p { margin-bottom: 40px; font-size: 16px; } .roll-promobox .roll-button.whitebtn { color: #47425d; } .roll-promobox .roll-button.whitebtn:hover { background-color: transparent; color: #fff; } /* Team -------------------------------------------------------------- */ .roll-team .team-inner { background-color: #fff; position: relative; -webkit-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.05); box-shadow: 0 2px 2px rgba(100, 100, 100, 0.05); -webkit-transition: all .25s ease; transition: all .25s ease; } .roll-team .team-inner:before { border-bottom: 4px solid #ff6c29; display: block; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: transform 250ms ease-in-out; } .roll-team .team-inner:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transform: translateY(-4px); } .roll-team .team-inner:hover:before { transform: scaleX(1); } .roll-team .team-item { -webkit-transition: all .25s ease; transition: all .25s ease; } .roll-team .team-item .avatar { line-height: 0.5; position: relative; overflow: hidden; } .roll-team .team-item .avatar img { width: 100%; -webkit-transition: all .25s ease; transition: all .25s ease; } .roll-team .team-content { padding: 23px 30px 26px; } .roll-team .team-content .name { font-size: 22px; } .roll-team .team-content .name a, .roll-team .team-content .name a:hover, .roll-team .team-content .name a:visited { color: #333; } .roll-team .team-content .pos { color: #98a2a7; font-size: 13px; font-weight: normal; line-height: 1; margin-bottom: 10px; text-transform: uppercase; } .single-employees .team-item .avatar { float: left; width: 40%; margin-bottom: 30px; } .single-employees .team-item .avatar img { border-radius: 0; width: 100%; } .single-employees .team-inner { background-color: transparent; box-shadow: none; border-radius: none; } .single-employees .team-content { float: right; width: 58%; padding: 0 20px; } .single-employees .team-content .name { font-size: 32px; margin-bottom: 15px; } .single-employees .team-content .pos { color: #98a2a7; font-size: 15px; } .single-employees .entry-content { margin: 30px 0 0 0; } /* Latest News -------------------------------------------------------------- */ .content-grid .blog-post, .qiye_1_latest_news_widget .blog-post { background-color: #fff; text-align: left; } .content-grid .blog-post:after, .qiye_1_latest_news_widget .blog-post:after { content: " "; clear: both; display: block; } .content-grid .thumbnail-link, .qiye_1_latest_news_widget .thumbnail-link { width: 100px; float: left; margin: 0 20px 0 0; display: block; } .content-grid .entry-thumb, .qiye_1_latest_news_widget .entry-thumb { line-height: 0.8; } .content-grid .entry-thumb img, .qiye_1_latest_news_widget .entry-thumb img { width: 100%; line-height: 0.8; } .content-grid .entry-title, .qiye_1_latest_news_widget .entry-title { font-size: 1.2em; line-height: 1.4; margin-bottom: 10px; } .content-grid .entry-meta, .qiye_1_latest_news_widget .entry-meta { font-size: 0.8em; position: relative; } .content-grid .entry-meta .entry-category a, .qiye_1_latest_news_widget .entry-meta .entry-category a { text-decoration: none; } .content-grid .entry-meta .entry-category a:hover, .qiye_1_latest_news_widget .entry-meta .entry-category a:hover { text-decoration: underline; } .content-grid .entry-meta .entry-date, .qiye_1_latest_news_widget .entry-meta .entry-date { color: #98a2a7; } .content-grid .entry-meta .sep, .qiye_1_latest_news_widget .entry-meta .sep { color: #ccc; font-size: 12px; margin: 0 8px; } .content-grid .entry-summary, .qiye_1_latest_news_widget .entry-summary { margin: 10px 0 0 0; } .content-grid .read-more, .qiye_1_latest_news_widget .read-more { margin: 10px 0 5px 0; } .content-grid .read-more a, .qiye_1_latest_news_widget .read-more a { color: #98a2a7; display: inline-block; font-size: 0.9em; font-weight: bold; position: relative; } .content-grid .read-more a:hover, .qiye_1_latest_news_widget .read-more a:hover { color: #414141; text-decoration: underline; } @media only screen and (min-width: 960px) { .qiye_1_latest_news_widget .entry-title { max-height: 25px; overflow: hidden; } } /* Counter -------------------------------------------------------------- */ .roll-counter { text-align: center; } .roll-counter i { font-size: 42px; } .roll-counter .name-count { font-size: 18px; font-weight: 600; padding: 10px 0 20px; } .roll-counter .numb-count { font-size: 36px; font-weight: normal; padding: 0; font-weight: 600; } /* Clients -------------------------------------------------------------- */ .roll-client { text-align: center; } .roll-client .client-item { display: inline-block; text-align: center; margin: 0 -2px; padding: 10px 0 0 0; width: 12.5%; vertical-align: middle; transition: 0.3s all; } .roll-client .client-item img { max-width: 100%; padding: 10px; } /* Testimonials -------------------------------------------------------------- */ .roll-testimonials .customer .customer-inner { background-color: #fff; box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1); border-radius: 3px; padding: 30px 30px 50px; transition: 0.3s all; } .roll-testimonials .customer .customer-inner:hover { box-shadow: 0 0 0 5px #D7D7DB; } .roll-testimonials .customer:nth-of-type(1) .customer-inner:hover { box-shadow: 0 0 0 4px #ff4f81; } .roll-testimonials .customer:nth-of-type(2) .customer-inner:hover { box-shadow: 0 0 0 4px #ffc168; } .roll-testimonials .customer:nth-of-type(3) .customer-inner:hover { box-shadow: 0 0 0 4px #c1d82f; } .roll-testimonials .customer .whisper { color: #414141; font-size: 1em; margin: 20px 0 0 0; } .roll-testimonials .customer .avatar { margin: 0 0 5px 0; } .roll-testimonials .customer .avatar img { border-radius: 40px; width: 80px; height: auto; } .roll-testimonials .customer .name { color: #414141; font-size: 1.2em; font-weight: bold; } .roll-testimonials .customer .name span { color: #98a2a7; display: block; font-size: 0.7em; font-weight: normal; letter-spacing: 1px; line-height: 1.2; margin: 10px 0 0 0; text-transform: uppercase; } /* Contact -------------------------------------------------------------- */ .qiye_1_contact_widget .contact-line { margin-bottom: 20px; } .qiye_1_contact_widget .contact-line .fa { color: #999; } .qiye_1_contact_widget .contact-line .contact-above { color: #999; margin: 0 15px 0 10px; } /* Single Product */ .single-products article.products .entry-thumb { margin-bottom: 20px; } .single-products article.products .entry-thumb img { width: 100%; height: auto; } .single-products h1.entry-title { text-align: center; margin-bottom: 25px; } .related-products { border-top: 1px solid #f0f0f0; margin: 0 0 -20px 0; padding: 20px 0 0 0; } .related-products h3 { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; } .related-products li { list-style: none; text-align: center; } .related-products li a { color: #414141; } .related-products li a:hover { color: #037ef3; } /* Slick Nav */ .slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; position: absolute; right: 0; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 18px; float: right; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 8px 0 0; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 20px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; color: #414141; margin: 0 20px 0 0.4em; float: right; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row, .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 1em; box-sizing: border-box; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #414141; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } .slicknav_menu .slicknav_menutxt:hover { color: #414141; } .slicknav_menu .slicknav_icon-bar { background-color: #414141; } .slicknav_btn { height: 20px; margin: 32px 0 23px; text-decoration: none; } .slicknav_nav { background: #fff; border-top: 2px solid #ffbe02; box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; -webkit-box-shadow: rgba(190, 190, 190, 0.45882) 0px 1px 5px; margin: 0; padding: 0; list-style: none; overflow: hidden; position: relative; z-index: 999; transition: all .25s ease; } .slicknav_nav .sub-menu { text-indent: 20px; } .slicknav_nav .sub-menu .sub-menu { text-indent: 40px; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 0; } .slicknav_nav .slicknav_row { padding: 0; margin: 0; } .slicknav_nav a { padding: 0 0 0 20px; border-bottom: 1px solid #f0f0f0; margin: 0; text-decoration: none; color: #333 !important; font-weight: bold; height: 42px; line-height: 42px; text-align: left; -webkit-backface-visibility: hidden; } .slicknav_nav a:hover { background-color: #f6f6f6; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0 0 0 20px; margin: 0; border-bottom: none; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } .slicknav_menu { display: block; text-align: center; width: 100%; line-height: 70px; transition: all .1s ease; -webkit-transition: all .1s ease; -o-transition: all .1s ease; -ms-transition: all .1s ease; -moz-transition: all .1s ease; } .slicknav_btn { display: inline-block; } #slick-mobile-menu { width: 100%; } /* Preloader */ /* Preloader */ .loader-wrap { background: none repeat scroll 0 0 #fff; height: 100%; opacity: 1; position: fixed; text-align: center; transition: opacity 0.2s ease 0s; width: 100%; z-index: 99999; top: 0; } .loader { position: absolute; height: 30px; width: 30px; left: 50%; top: 45%; } .loader:before { z-index: 1; position: absolute; left: -90%; content: ''; height: 100%; width: 100%; border-radius: 50%; animation: position 2s infinite cubic-bezier(0.25, 0, 0.75, 1), size 2s infinite cubic-bezier(0.25, 0, 0.75, 1); animation-delay: 0s, -0.5s; } .loader:after { z-index: 0; position: absolute; left: 80%; content: ''; height: 100%; width: 100%; border-radius: 50%; animation: position-alt 2s infinite cubic-bezier(0.25, 0, 0.75, 1), size 2s infinite cubic-bezier(0.25, 0, 0.75, 1); animation-delay: 0s, 0.5s; } @keyframes position { 50% { left: 80%; } } @keyframes position-alt { 15% { z-index: 2; } 50% { left: -80%; z-index: 0; } } @keyframes size { 50% { transform: scale(0.5, 0.5); } } /* Grid System */ .ht_grid_1_2 { float: left; margin-right: 2%; margin-bottom: 30px; width: 49%; } .ht_grid_1_2:nth-of-type(2n+1) { clear: left; } .ht_grid_1_2:nth-of-type(2n+0) { margin-right: 0; clear: right; } .ht_grid_1_3 { float: left; margin-right: 2%; margin-bottom: 30px; width: 32%; } .ht_grid_1_3:nth-of-type(3n+0) { margin-right: 0; clear: right; } .ht_grid_1_3:nth-of-type(3n+1) { clear: left; } .ht_grid_1_4 { float: left; margin-right: 2%; margin-bottom: 30px; width: 23.5%; } .ht_grid_1_4:nth-of-type(4n+0) { margin-right: 0; clear: right; } .ht_grid_1_4:nth-of-type(4n+1) { clear: left; } /* Max Slider */ .panel-grid-cell .maxslider { margin: 0; } .panel-grid-cell .textwidget ul li:before { content: none; } .maxslider:hover .slick-arrow { opacity: 1; } .maxslider .slick-dots button { background-color: #fff; border-radius: 4px; box-shadow: none; width: 8px; height: 8px; margin: 0 3px; transition: 0.5s width; } .maxslider .maxslider-slide-title { margin-bottom: 20px; } .maxslider .slick-arrow { opacity: 0; background: rgba(0, 0, 0, 0.3); width: 36px; transition: 0.3s all; } .maxslider .slick-arrow:hover { background: rgba(0, 0, 0, 0.6); } .maxslider-nav-top-left .slick-arrow-next, .maxslider-nav-bottom-left .slick-arrow-next { left: 36px; } .maxslider-nav-top-right .slick-arrow-prev, .maxslider-nav-bottom-right .slick-arrow-prev { right: 36px; } /* Page Builder */ .panel-grid-cell .textwidget h1, .panel-grid-cell .textwidget h2, .panel-grid-cell .textwidget h3, .panel-grid-cell .textwidget h4, .panel-grid-cell .textwidget h5, .panel-grid-cell .textwidget h6 { margin-bottom: 20px; } .panel-grid-cell .textwidget h1 { font-size: 32px; } .panel-grid-cell .textwidget h2 { font-size: 30px; } .panel-grid-cell .textwidget h4 { font-size: 24px; } .panel-grid-cell .textwidget h5 { font-size: 20px; } .panel-grid-cell .textwidget h6 { font-size: 16px; } /* FILE ARCHIVED ON 15:18:06 May 11, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:09:52 Apr 29, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.998 exclusion.robots: 0.229 exclusion.robots.policy: 0.212 cdx.remote: 0.094 esindex: 0.015 LoadShardBlock: 142.482 (3) PetaboxLoader3.datanode: 78.762 (4) PetaboxLoader3.resolve: 80.502 (2) load_resource: 147.194 */