/* Theme Name: Agama Pro Theme URI: http://theme-vision.com/agama-pro/ Author: Theme Vision Author URI: http://theme-vision.com/ Description: Agama Pro is Multi-Purpose, responsive WordPress theme. Version: 1.4.9.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, flexible-header, accessibility-ready, buddypress, custom-background, custom-header, custom-logo, custom-menu, custom-colors, editor-style, featured-image-header, featured-images, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, education, entertainment, food-and-drink, holiday, news, photography, portfolio Text Domain: agama-pro */ .top-links ul, ol, ul { list-style: none } hr, img { border: 0 } #loader:after, #loader:before { content: "" } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none } table { border-spacing: 0; border-collapse: collapse } caption, td, th { font-weight: 400; text-align: left } h1, h2, h3, h4, h5, h6 { font-family: Raleway, sans-serif; font-weight: 600; color: #444; clear: both } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased } a { outline: 0!important; text-decoration: none; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; color: #757575 } a:focus { outline: dotted thin } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none } del { color: #333 } ins { background: #fff9c0; text-decoration: none } hr { background-color: #ccc; height: 1px; margin: 24px 24px 1.714285714rem } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } small { font-size: smaller } img { -ms-interpolation-mode: bicubic } .align-center, .clear:after { text-align: center } body.vision-404 .entry-content p.desc-404, body.vision-404 .entry-content p.num-404 { color: #a1b1bc } .entry-header:after, .wrapper:after { clear: both } .clear:after, .clear:before, .format-status .entry-header:after, .format-status .entry-header:before, .wrapper:after, .wrapper:before { display: table; content: "" } .assistive-text, .screen-reader-text { position: absolute!important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px } body.header_transparent nav.mobile-menu { position: absolute; width: 100%; z-index: 999 } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998 } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 999999 } #loader:before { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite } #loader:after { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #000; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } #loader-wrapper .loader-section.section-left { left: 0 } #loader-wrapper .loader-section.section-right { right: 0 } .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) } .loaded #loader { opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s 1s ease-out; transition: all .3s 1s ease-out } .no-js #loader-wrapper { display: none } .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 { display: block; background: 0 0; padding: 0 0 10px; border-bottom: 2px solid; color: #333 } #nav-above, .list-style .format-quote header { display: none } .iconlist { padding-left: 0; margin-left: 1.75em; list-style-type: none; margin-bottom: 30px; position: relative } .iconlist>li [class*=" fa-"], .iconlist>li [class^=fa-] { position: absolute; left: -1.75em; text-align: center; top: 1px; width: 14px } .archive-title, .comment-content th, .entry-content th, .page-title, .widget-title { font-family: RaleWay; font-size: 11px; line-height: 2.181818182; font-weight: 700; text-transform: uppercase; color: #636363 } article.format-quote header { padding: 5px 10px; font-size: 11px; line-height: 12px; font-weight: 700; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; position: absolute; top: 0; right: 0 } article.format-link footer.entry-meta, article.format-quote footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: .785714286rem; line-height: 2.181818182 } button, input, select, textarea { border: 1px solid #ccc; font-family: inherit; padding: .428571429rem } button, input { line-height: normal } textarea { font-size: 100%; overflow: auto; vertical-align: top } input[type=checkbox], input[type=color], input[type=file], input[type=hidden], input[type=image], input[type=radio] { border: 0; border-radius: 0; padding: 0 } .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; background-color: #fff; filter: alpha(opacity=0) } .agama-separator.sep-double { height: 8px; border-bottom: 1px solid #e0dede; border-top: 1px solid #e0dede } .not-animated { opacity: 0 } body.page-template-for-page-builders .vision-row, body.page-template-contact .vision-row { padding: 0 !important; } .vision-row { max-width: 1100px; margin: 0 auto; padding: 50px 0 } /* Customize Preview -----------------------------------------------------------------*/ .customize-preview .page-widget { position: relative; } .customize-preview .page-widget { border-width: 3px; border-style: solid; border-radius: 3px; border-color: transparent; } .customize-preview .page-widget:hover { border-color: #318df4; } .customize-preview .page-widget span.widget-name { display: none; position: absolute; top: 0; left: 0; right: 0; padding: 15px 15px; background: #318df4; color: #fff; } .customize-preview .page-widget:hover span.widget-name { font-size: 16px; display: block; } .customize-preview .page-widget span.customize-partial-edit-shortcut { position: absolute; top: 0; left: 4%; } .customize-preview .page-widget span.customize-partial-edit-shortcut button { background: #318df4 !important; border: 0 none; box-shadow: none; } .agama-page-builder-add-widget { position: relative; display: block; text-align: center; margin: 0 auto; padding: 30px 0; width: 100%; } .agama-page-builder-add-widget .add-new-widget { border: 2px solid rgba(0, 0, 0, 0.2); color: #999; display: inline-block; text-align: center; border-radius: 50%; cursor: pointer; width: 30px; height: 30px; font-size: 13px; line-height: 30px; } .agama-page-builder-add-widget .add-new-widget:hover { background-color: #318df4; border-color: #318df4; color: #fff; } /* BUILD PAGE WRAPPER (customize_preview) -----------------------------------------------------------------*/ .agama-build-page-wrapper { border: 1px solid #f2f2f2; border-radius: 4px; padding: 50px 20px; margin: 25px 0; position: relative; width: 100%; } .agama-build-page-wrapper:hover .agama-build-page-action { background: #f5f5f5; } .agama-build-page-action .add-new-widget { border: 1px solid #ccc; padding: 3px 10px; border-radius: 20px; font-size: 12px; margin-left: 10px; cursor: pointer; color: #999; } .agama-build-page-wrapper:hover .add-new-widget { border-color: #fe6663; color: #fe6663; } .agama-build-page-wrapper .agama-build-page-action { text-align: center; font-size: 14px; width: 530px; margin: 0 auto; left: 0; right: 0; top: -18px; background-color: #fff; padding: 10px 0; border-radius: 20px; border: 1px solid #ddd; position: absolute; z-index: 9; } /* WIDGETS GLOBAL customize_preview -----------------------------------------------------------------*/ div[id*=agama_widget_] span.widget-name { text-align: center; } /* AGAMA WIDGET ABOUT -----------------------------------------------------------------*/ div[id*=agama_widget_about-] { background-color: #fff; text-align: center; padding: 80px 0; width: 100%; } div[id*=agama_widget_about-] .about-title { font-size: 48px; font-weight: bold; letter-spacing: 2px; margin-top: 10px; margin-bottom: 30px; text-align: center; color: #222; display: block; } div[id*=agama_widget_about-] .about-subtitle { font-style: italic; font-size: 30px; text-align: center; color: #222; display: block; opacity: 0.6; } div[id*=agama_widget_about-] .agama-divider { width: 128px; height: 30px; margin: 0 auto; margin-top: 30px; } div[id*=agama_widget_about-] .agama-divider-left, div[id*=agama_widget_about-] .agama-divider-right { width: 45px; height: 1px; background: #999; float: left; } div[id*=agama_widget_about-] .agama-divider-left, div[id*=agama_widget_about-] .agama-divider-right { background-color: #222; } div[id*=agama_widget_about-] .agama-divider-middle { float: left; margin: 10px; margin-top: -10px; line-height: 18px; color: #222; } div[id*=agama_widget_about-] .about-content { font-size: 16px; text-align: center; line-height: 2em; color: #a8b4bf; } /* Divider Title Underline */ div[id*=agama_widget_about] .agama-divider.title-underline { margin-top: 20px; } div[id*=agama_widget_about] .agama-divider.title-underline .agama-divider-left { display: none; } div[id*=agama_widget_about] .agama-divider.title-underline .agama-divider-right { width: 45px; height: 3px; margin: 0 auto; float: none; display: block; } .comment-content img, .entry-content img, .widget img, embed, iframe, object, video { max-width: 100% } .vision-row:after, .vision-row:before { content: " "; display: table } .hfeed.site { width: 100% } #agama-slider-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden } #agama-slider-wrapper.agama-slider-warning { height: 200px; width: 100%; border: 2px solid red; text-align: center } #agama-slider-wrapper.agama-slider-warning .camera_wrap { display: block } #agama-slider-wrapper.agama-slider-warning h2 { color: red; display: flex; justify-content: center; align-items: center; height: 100% } #particles-slider, #particles-header-image { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 1 } #frontpage-boxes { font-family: Raleway, sans-serif; margin-bottom: 50px } #frontpage-boxes > h1 { font-size: 19px; text-align: center; text-transform: uppercase; margin-bottom: 50px; } #frontpage-boxes i { font-size: 54px; margin-bottom: 15px; text-align: center; display: block } #frontpage-boxes h2 { font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333 } #frontpage-boxes img { display: block; max-width: 100px; width: 100%; height: auto; margin: auto auto 15px } #frontpage-boxes p { position: relative; font-size: 15px; margin-top: 15px; line-height: 1.8; text-align: center } #frontpage-boxes .button i { font-size: 16px } .uppercase { text-transform: uppercase!important } .tright { text-align: right!important } .tleft { text-align: left!important } .fright { float: right!important } .fleft { float: left!important } .divcenter, .fnone, .inline-block { float: none!important } .ohidden { position: relative; overflow: hidden!important } .author-info, .site-content nav, figure.hover1 { overflow: hidden } .double-line, .line { clear: both; position: relative; width: 100%; margin: 60px 0; border-top: 1px solid #EEE } .divcenter, .emptydiv, .noabsolute { position: relative!important } .line.line-sm { margin: 30px 0 } span.middot { display: inline-block; margin: 0 5px } .emptydiv, .nothidden { display: block!important } .double-line { border-top: 3px double #E5E5E5 } .allmargin { margin: 50px!important } .leftmargin { margin-left: 50px!important } .rightmargin { margin-right: 50px!important } .topmargin { margin-top: 50px!important } .bottommargin { margin-bottom: 50px!important } .clear-bottommargin { margin-bottom: -50px!important } .allmargin-sm { margin: 30px!important } .leftmargin-sm { margin-left: 30px!important } .rightmargin-sm { margin-right: 30px!important } .topmargin-sm { margin-top: 30px!important } .bottommargin-sm { margin-bottom: 30px!important } .clear-bottommargin-sm { margin-bottom: -30px!important } .allmargin-lg { margin: 80px!important } .leftmargin-lg { margin-left: 80px!important } .rightmargin-lg { margin-right: 80px!important } .topmargin-lg { margin-top: 80px!important } .bottommargin-lg { margin-bottom: 80px!important } .clear-bottommargin-lg { margin-bottom: -80px!important } .nomargin { margin: 0!important } .noleftmargin { margin-left: 0!important } .norightmargin { margin-right: 0!important } .notopmargin { margin-top: 0!important } .nobottommargin { margin-bottom: 0!important } .header-stick { margin-top: -50px!important } .content-wrap .header-stick { margin-top: -80px!important } .footer-stick { margin-bottom: -50px!important } .content-wrap .footer-stick { margin-bottom: -80px!important } .noborder { border: none!important } .noleftborder { border-left: none!important } .norightborder { border-right: none!important } .notopborder { border-top: none!important } .nobottomborder { border-bottom: none!important } .noradius { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important } .col-padding { padding: 60px } .nopadding { padding: 0!important } .noleftpadding { padding-left: 0!important } .norightpadding { padding-right: 0!important } .notoppadding { padding-top: 0!important } .nobottompadding { padding-bottom: 0!important } .noshadow { box-shadow: none!important } .inline-block { display: inline-block!important } .center { text-align: center!important } .divcenter { margin-left: auto!important; margin-right: auto!important } .bgcolor, .bgcolor #header-wrap { background-color: #1ABC9C!important } .color { color: #1ABC9C!important } .border-color { border-color: #1ABC9C!important } .nobg { background: 0 0!important } .nobgcolor { background-color: transparent!important } .bgicon { display: block; position: absolute; bottom: -30px; right: -50px; font-size: 210px; color: rgba(0, 0, 0, .1) } .button, .button i, figure.hover1 { position: relative } figure.hover1::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) } figure.hover1:hover::before { -webkit-animation: shine .75s; animation: shine .75s } @-webkit-keyframes shine { 100% { left: 125% } } @keyframes shine { 100% { left: 125% } } .bganimate { -webkit-animation: BgAnimated 30s infinite linear; -moz-animation: BgAnimated 30s infinite linear; -ms-animation: BgAnimated 30s infinite linear; -o-animation: BgAnimated 30s infinite linear; animation: BgAnimated 30s infinite linear } @-webkit-keyframes BgAnimated { from { background-position: 0 0 } to { background-position: 0 400px } } @-moz-keyframes BgAnimated { from { background-position: 0 0 } to { background-position: 0 400px } } @-ms-keyframes BgAnimated { from { background-position: 0 0 } to { background-position: 0 400px } } @-o-keyframes BgAnimated { from { background-position: 0 0 } to { background-position: 0 400px } } @keyframes BgAnimated { from { background-position: 0 0 } to { background-position: 0 400px } } .button { font-family: Lato, sans-serif; display: inline-block; cursor: pointer; outline: 0; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; color: #FFF; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .button-dark { background-color: #444 } .button-light { background-color: #EEE; color: #333; text-shadow: none!important } .button:hover { background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } .button.button-dark:hover { background-color: #1ABC9C } .button.button-mini { padding: 0 14px; font-size: 11px; height: 28px; line-height: 28px } .button.button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 34px } .button.button-large { padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px } .button.button-xlarge { padding: 0 32px; font-size: 18px; letter-spacing: 2px; height: 52px; line-height: 52px } .button.button-desc { text-align: left; padding: 24px 34px; font-size: 22px; height: auto; line-height: 1; font-family: Raleway, sans-serif } .button.button-desc span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Crete Round', serif; font-style: italic; text-transform: none } .button i { top: 1px; line-height: 1; margin-right: 5px } .button.tright i { margin: 0 0 0 5px } .button-mini i { margin-right: 3px } .button-mini.tright i { margin: 0 0 0 3px } .button-small i { margin-right: 4px } .button-small.tright i { margin: 0 0 0 4px } .button-xlarge i { top: 2px; margin-right: 8px } .button-xlarge.tright i { margin: 0 0 0 8px } .button.button-desc i { top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px } .button.button-desc.tright i { margin: 0 0 0 12px } .button.button-desc div { display: inline-block } .button.button-rounded { border-radius: 3px } .button.button-border { border: 2px solid #444; background-color: transparent; color: #333; line-height: 36px; font-weight: 600; text-shadow: none } .button.button-border.button-mini { line-height: 24px } .button.button-border.button-small { line-height: 30px } .button.button-border.button-large { line-height: 42px } .button.button-border.button-xlarge { line-height: 48px } .button.button-border.button-desc { line-height: 1 } .button.button-border:hover { background-color: #444; color: #FFF; border-color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } .button.button-border.button-light { border-color: #EEE; color: #EEE } .button.button-border.button-light:hover { background-color: #EEE; color: #333; text-shadow: none } .button.button-3d { border-radius: 3px; border-bottom: 3px solid rgba(0, 0, 0, .15); -webkit-transition: none; -o-transition: none; transition: none } .button.button-3d:hover { opacity: .9 } .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover { text-shadow: none; color: #333 } .button-3d.button-red:hover, .button-red, .button-reveal.button-red:hover { background-color: #C02942!important } .button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-teal { background-color: #53777A!important } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-yellow { background-color: #ECD078!important } .button-3d.button-green:hover, .button-green, .button-reveal.button-green:hover { background-color: #59BA41!important } .button-3d.button-brown:hover, .button-brown, .button-reveal.button-brown:hover { background-color: #774F38!important } .button-3d.button-aqua:hover, .button-aqua, .button-reveal.button-aqua:hover { background-color: #40C0CB!important } .button-3d.button-lime:hover, .button-lime, .button-reveal.button-lime:hover { background-color: #AEE239!important } .button-3d.button-purple:hover, .button-purple, .button-reveal.button-purple:hover { background-color: #5D4157!important } .button-3d.button-leaf:hover, .button-leaf, .button-reveal.button-leaf:hover { background-color: #A8CABA!important } .button-3d.button-pink:hover, .button-pink, .button-reveal.button-pink:hover { background-color: #F89FA1!important } .button-3d.button-dirtygreen:hover, .button-dirtygreen, .button-reveal.button-dirtygreen:hover { background-color: #1693A5!important } .button-3d.button-blue:hover, .button-blue, .button-reveal.button-blue:hover { background-color: #1265A8!important } .button-3d.button-amber:hover, .button-amber, .button-reveal.button-amber:hover { background-color: #EB9C4D!important } .button-3d.button-black:hover, .button-black, .button-reveal.button-black:hover { background-color: #111!important } .button-3d.button-white:hover, .button-reveal.button-white:hover, .button-white { background-color: #F9F9F9!important } .button-3d.button-gray:hover, .button-gray, .button-reveal.button-gray:hover { background-color: #EAEAEA!important } .button-gray { color: #333!important } .button.button-nohover:hover { opacity: inherit!important; background-color: inherit!important; color: inherit!important; border-color: inherit!important } .button.button-reveal { padding: 0 28px; overflow: hidden } .button.button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 40px; line-height: 40px; margin: 0; text-align: center; background-color: rgba(0, 0, 0, .1) } .button.button-reveal.button-border i { top: -2px } .button.button-reveal.tright i { left: auto; right: -32px } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px } .button.button-reveal.button-3d.tright i, .button.button-reveal.button-rounded.tright i { border-radius: 0 3px 3px 0 } .button.button-reveal span { display: inline-block; position: relative; left: 0 } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span { -webkit-transition: left .3s ease, right .3s ease; -o-transition: left .3s ease, right .3s ease; transition: left .3s ease, right .3s ease } .button.button-reveal.button-mini { padding: 0 17px } .button.button-reveal.button-mini i { left: -22px; width: 22px; height: 28px; line-height: 28px } .button.button-reveal.button-mini.tright i { left: auto; right: -22px } .button.button-reveal.button-small { padding: 0 22px } .button.button-reveal.button-small i { left: -26px; width: 26px; height: 34px; line-height: 34px } .button.button-reveal.button-small.tright i { left: auto; right: -26px } .button.button-reveal.button-large { padding: 0 32px } .button.button-reveal.button-large i { left: -38px; width: 38px; height: 46px; line-height: 46px } .button.button-reveal.button-large.tright i { left: auto; right: -38px } .button.button-reveal.button-xlarge { padding: 0 40px } .button.button-reveal.button-xlarge i { left: -44px; width: 44px; height: 52px; line-height: 52px } .button.button-reveal.button-xlarge.tright i { left: auto; right: -44px } .button.button-reveal:hover i { left: 0 } .button.button-reveal.tright:hover i { left: auto; right: 0 } .button.button-reveal:hover span { left: 16px } .button.button-reveal.button-mini:hover span { left: 11px } .button.button-reveal.button-small:hover span { left: 13px } .button.button-reveal.button-large:hover span { left: 19px } .button.button-reveal.button-xlarge:hover span { left: 22px } .button.button-reveal.tright:hover span { left: -16px } .button.button-reveal.button-mini.tright:hover span { left: -11px } .button.button-reveal.button-small.tright:hover span { left: -13px } .button.button-reveal.button-large.tright:hover span { left: -19px } .button.button-reveal.button-xlarge.tright:hover span { left: -22px } #vision-pagination { position: relative; margin: 20px 0 } #vision-pagination.display-none { display: none } #vision-pagination a, #vision-pagination span { border: 1px solid #ddd; line-height: 1.42857143; background-color: #fff; padding: 6px 12px; margin-left: -1px; float: left } #vision-pagination a:first-child, #vision-pagination span:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px } #vision-pagination a:last-child, #vision-pagination span:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px } #vision-pagination span.current { color: #fff } .sm-form-control { display: block; width: 100%; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 2px solid #DDD; border-radius: 0!important; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; height: auto } .sm-form-control:focus { border-color: #AAA; outline: 0; -webkit-box-shadow: none; box-shadow: none } .sm-form-control::-moz-placeholder { color: #999; opacity: 1 } .sm-form-control:-ms-input-placeholder { color: #999 } .sm-form-control::-webkit-input-placeholder { color: #999 } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control { cursor: not-allowed; background-color: #eee; opacity: 1 } .form-control { border-radius: 3px } .form-control:active, .form-control:focus { border-color: #999; box-shadow: none } body:not(.woocommerce, .woocommerce-checkout, .woocommerce-page, .woocommerce-order-received) label { display: inline-block; font-size: 13px; font-weight: 700; font-family: Raleway, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer } .aligncenter, .gallery-item a { display: block } label.label-muted { color: #999; font-weight: 400; margin-right: 5px } .bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0 } img[class*=align], img[class*=attachment-], img[class*=wp-image-] { height: auto } img.size-full, img.size-large, img.wp-post-image { max-width: 100%; height: auto } .entry-content .twitter-tweet-rendered { max-width: 100%!important } .alignleft { float: left } .alignright { float: right } .aligncenter { margin-left: auto; margin-right: auto } .author-avatar img, .comment-content img, .entry-content img, .widget img, img.wp-post-image { border-radius: 0 } .wp-caption { max-width: 100%; padding: 4px } .entry-caption, .gallery-caption, .wp-caption .wp-caption-text { font-style: italic; font-size: 12px; font-size: .857142857rem; line-height: 2; color: #757575 } .rsswidget img, img.wp-smiley { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0 } .entry-content dl.gallery-item { margin: 0 } .gallery-caption, .gallery-item a { width: 90% } .gallery-caption a { display: inline } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5% } .gallery-columns-1 .gallery-icon img { padding: 3% } .vision-search-form { padding-left: 0; padding-right: 0; position: relative } body.vision-404 .vision-search-form { display: block; margin: 0 auto; width: 50% } .vision-search-form .vision-search-field:focus, .vision-search-form .vision-search-submit:focus { outline: 0 } .vision-search-form .vision-search-field { color: #a1b1bc; border: 1px solid #eceef0; background: #fff; padding: 10px 20px; width: 100% } .vision-search-form .vision-search-submit { font-family: FontAwesome; font-size: 16px; color: #a1b1bc; padding: 10px; position: absolute; right: 5px; top: 1px; background: 0 0!important; border: none; cursor: pointer; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear } header#masthead nav ul li a i { padding-right: 10px } a[rel=next], a[rel=prev], nav[role=navigation] { font-family: Raleway, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 13px } a[rel=next], a[rel=prev], nav[role=navigation] .nav-next a, nav[role=navigation] .nav-previous a { color: #333 } .top-search-trigger { cursor: pointer } .site-content nav { clear: both; line-height: 2 } #nav-above { padding: 1.714285714rem 0 } .paged #nav-above { display: block } .nav-previous, .previous-image { float: left; width: 50% } .nav-next, .next-image { float: right; text-align: right; width: 50% } #comment-nav-above, .nav-single+.comments-area { margin: 3.428571429rem 0 } .author .archive-header { margin-bottom: 1.714285714rem } .author .archive-header .archive-title a { font-size: 11px } .author-info { border-top: 1px solid #ededed; margin: 1.714285714rem 0; padding-top: 1.714285714rem } .author-description p { color: #757575; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846 } .author.archive .author-info { border-top: 0; margin: 0 0 3.428571429rem } .author.archive .author-avatar { margin-top: 0 } html { font-size: 87.5% } body { line-height: 1; font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; overflow: initial } a:hover { color: #333 } .assistive-text, .site .screen-reader-text { position: absolute!important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px } .main-navigation .assistive-text:focus, .site .screen-reader-text:active, .site .screen-reader-text:focus, .site .screen-reader-text:hover { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto!important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000 } #top-bar, .top-links, .top-links li i, .top-links ul li { position: relative } #top-bar { padding: 0 20px; line-height: 44px; font-size: 13px; border-bottom: 1px solid #EEE } #top-bar-wrap { max-width: 1200px; margin: 0 auto } .top-links { float: left } .top-links ul { margin: 0 } .top-links ul li { float: left; height: 44px } .top-links ul li:first-child, .top-links ul ul li { border-left: 0!important } .top-links li>a { display: block; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 44px; color: #666 } .top-links li:first-child>a { padding: 0 12px 0 0 } .top-links li i { padding-right: 5px } .top-links li i.icon-angle-down { margin: 0 0 0 2px!important } .top-links li.full-icon i { top: 2px; font-size: 14px; margin: 0 } .top-links ul div.top-link-section, .top-links ul ul { display: none; pointer-events: none; position: absolute; z-index: 210; line-height: 1.5; background: #FFF; border: 0; top: 44px; left: 0; width: 140px; margin: 0; border-top: 1px solid #1ABC9C; border-bottom: 1px solid #EEE; box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2) } #top-login .form-control, .sticky-header, .top-links ul ul img { position: relative } .sticky-header, .top-nav-wrapper { -moz-box-shadow: 0 1px 4px 0 rgba(167, 169, 164, .75) } .top-links li:hover div.top-link-section, .top-links li:hover ul { pointer-events: auto } .top-links ul ul li { float: none; height: 36px; border-top: 1px solid #F5F5F5; border-left: 1px solid #EEE } .top-links ul ul li:hover { background-color: #F9F9F9 } .top-links ul ul li:first-child { border-top: none!important; border-left: 1px solid #EEE } .top-links ul ul a { height: 36px; line-height: 36px; font-size: 12px } .top-links ul ul img { display: inline-block; top: -1px; width: 16px; height: 16px; margin-right: 4px } .top-links ul ul.top-demo-lang img { top: 4px; width: 16px; height: 16px } .top-links ul div.top-link-section { padding: 25px; left: 0; width: 280px } .fright .top-links ul div.top-link-section, .top-links.fright ul div.top-link-section { left: auto; right: 0 } #top-social, #top-social ul { margin: 0 } #top-social li, #top-social li .tv-icon, #top-social li .tv-text, #top-social li a { display: block; position: relative; float: left; width: auto; overflow: hidden; height: 44px; line-height: 44px } #top-social li:first-child { border-left: 0!important } #top-social li a { float: none; width: 40px; font-weight: 700; color: #666; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out } #top-social li a:hover { color: #FFF!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } #top-social li .tv-icon { width: 40px; text-align: center; font-size: 14px } i.fa-email:before { content: "\f1d8" } .tv-phone:hover { background-color: #A2C605 } .tv-facebook:hover { background-color: #3B5998 } .tv-twitter:hover { background-color: #00ACEE } .tv-flickr:hover { background-color: #FF0084 } .tv-rss:hover { background-color: #EE802F } .tv-vimeo:hover { background-color: #86C9EF } .tv-youtube:hover { background-color: #C4302B } .tv-instagram:hover { background-color: #3F729B } .tv-pinterest:hover { background-color: #C8232C } .tv-telegram:hover { background-color: #2fade6 } .tv-tumblr:hover { background-color: #34526F } .tv-google:hover { background-color: #DD4B39 } .tv-dribbble:hover { background-color: #EA4C89 } .tv-digg:hover { background-color: #191919 } .tv-linkedin:hover { background-color: #0E76A8 } .tv-blogger:hover { background-color: #FC4F08 } .tv-skype:hover { background-color: #00AFF0 } .tv-myspace:hover { background-color: #666 } .tv-deviantart:hover { background-color: #4C5E4F } .tv-yahoo:hover { background-color: #720E9E } .tv-reddit:hover { background-color: #C6C6C6 } .tv-paypal:hover { background-color: #00588B } .tv-dropbox:hover { background-color: #3D9AE8 } .tv-soundcloud:hover { background-color: #F70 } .tv-vk:hover { background-color: #2B587A } .tv-email:hover { background-color: #6567A5 } /* HEADER GLOBAL * ----------------------------- */ #masthead.logo-center .agama-primary-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } /* AGAMA IMAGE MEDIA LOGO * ----------------------------- */ header.has_desktop .logo-desktop { display: block; } header.has_mobile .logo-mobile { display: none; } /* Mobile Logo */ @media screen and (max-width: 992px) { header.has_desktop.has_mobile .logo-desktop { display: none; } header.has_mobile .logo-mobile { display: block; } } #agama-logo .logo-desktop, #agama-logo .logo-mobile { max-height: 87px; } #agama-logo .logo-mobile { margin: 0 auto; } .sticky-header-shrink #agama-logo .logo-desktop, .sticky-header-shrink #agama-logo .logo-mobile { max-height: 65px; } /* ----------------------------- */ #masthead, .vision-search-box, .form-control { background-color: #fff } #top-login { margin-bottom: 0 } #top-login .checkbox { margin-bottom: 10px } #top-login .form-control:focus { border-color: #CCC } #top-login .input-group#top-login-username { margin-bottom: -1px } #top-login #top-login-username .input-group-addon, #top-login #top-login-username input { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #top-login .input-group#top-login-password { margin-bottom: 10px } #top-login #top-login-password .input-group-addon, #top-login #top-login-password input { border-top-left-radius: 0; border-top-right-radius: 0 } body.sticky_header #main-wrapper { margin-top: 0!important } .sticky-header { padding: 0 20px; -webkit-transition: height .4s; -moz-transition: height .4s; transition: height .4s; -webkit-box-shadow: 0 1px 4px 0 rgba(167, 169, 164, .75); box-shadow: 0 1px 4px 0 rgba(167, 169, 164, .75); z-index: 99; width: 100% } .sticky-header.sticky-header-shrink { position: fixed } .site-header .sticky-header .sticky-header-inner { position: relative; max-width: 1200px; margin: 0 auto } .site-header .sticky-header h1, .site-header .sticky-header nav { display: inline-block; position: relative } .site-header .sticky-header h1, .site-header .sticky-header h1 a, .sticky-nav > li > a, .sticky-nav > ul > li > a { line-height: 87px } .site-header .sticky-header h1, .site-header .sticky-header h1 a { color: #333; letter-spacing: 2px; margin: 0; float: left } .site-header .sticky-header nav { padding-right: 0; float: right } .site-header .sticky-header nav a:hover { color: #333 } .site-header .sticky-header h1, .site-header .sticky-header h1 a, .site-header .sticky-header nav a { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .site-header .sticky-header.sticky-header-shrink h1, .site-header .sticky-header.sticky-header-shrink h1 a, .sticky-header-shrink .sticky-nav > li > a { line-height: 62px } .site-header .sticky-header.sticky-header-shrink nav a { font-size: 12px } @media screen and (max-width:55em) { .site-header .sticky-header .sticky-header-inner { width: 100% } .site-header .sticky-header h1, .site-header .sticky-header nav { display: block; margin: 0 auto; float: none } .site-header .sticky-header nav a { margin: 0 10px } .site-header .sticky-header.sticky-header-shrink h1, .sticky-nav>li>a { line-height: 45px } .site-header .sticky-header.sticky-header-shrink h1 { font-size: 2em } .site-header .sticky-header.sticky-header-shrink nav a { font-size: 1em } } @media screen and (max-width:32.25em) { .site-header .sticky-header nav a { font-size: 1em } } @media screen and (max-width:24em) { .site-header .sticky-header nav a, .site-header .sticky-header.sticky-header-shrink nav a { line-height: 1 } } .sticky-nav > li { position: relative; display: inline-block; padding-right: 27px; margin: 0 } .sticky-nav>li:last-child { padding-right: 0 } .sticky-nav>li>a { margin: 0 } .sticky-nav>li.menu-item-has-children>a:after, .sticky-nav>ul>li.menu-item-has-children>a:after { font-family: FontAwesome; left: 10px; position: relative; content: "\f107"; top: 2px } .sticky-nav ul.sub-menu li a { line-height: 45px; width: 230px; } .sticky-nav>li>ul.sub-menu>li { border-left: 3px solid transparent } .sticky-nav>li.current-menu-item>a, .sticky-nav>li.current_page_item>a { color: #757575 } .sticky-nav ul.sub-menu { position: absolute; display: none; width: 230px; } .sticky-nav>li>ul.sub-menu>li:hover { border-left-width: 3px; border-left-style: solid } .sticky-nav>li.current-menu-item a:not(.sub-menu-link), .sticky-nav>li.current_page_item a:not(.sub-menu-link) { border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 5px } .sticky-nav>li>ul, .sticky-nav>li>ul>li>ul, .sticky-nav>ul>li>ul>li>ul { border-bottom-width: 3px; border-bottom-style: solid } .sticky-nav>li>ul>li>ul>li:hover, .sticky-nav>ul>li>ul>li>ul>li:hover { border-right-width: 3px; border-right-style: solid } .sticky-nav li ul li, .sticky-nav ul li ul li { border-top: 1px solid #ededed; border-right: 3px solid transparent; padding: 0 20px } .sticky-nav li ul li:last-child, .sticky-nav ul li ul li:last-child { border-bottom: 1px solid #ededed } .sticky-nav>li>ul>li.menu-item-has-children>a:after, .sticky-nav>ul>li>ul>li.men-item-has-children>a:after { font-family: FontAwesome; position: relative; left: 10px; content: "\f105"; top: 1px } .sticky-nav>li>ul>li, .sticky-nav>ul>li>ul>li { position: relative } .sticky-nav>li>ul>li>ul, .sticky-nav>ul>li>ul>li>ul { width: 100%; top: -1px; left: 100%; position: absolute; background-color: #fff; float: left; -webkit-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; -moz-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .vision-search-box { padding: 10px; right: 0; position: absolute; min-width: 250px; z-index: 1000; top: 0; visibility: hidden; opacity: 0; transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8); -ms-transform: scale(.8); transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1); box-shadow: 0 0 6px rgba(0, 0, 0, .1) } .vision-search-box.active { opacity: 1!important; visibility: visible!important; transform: scale(1)!important; -moz-transform: scale(1)!important; -webkit-transform: scale(1)!important; -o-transform: scale(1)!important; -ms-transform: scale(1)!important } .vision-search-box input[type=text] { border: 1px solid rgba(102, 102, 102, .1); float: left; margin: 0; width: 100%; padding: 9px 5px 9px 20px!important; border-radius: 5px; box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .05); -o-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .05) } .vision-search-box input:focus { outline: 0 } .vision-search-box input[type=submit] { cursor: pointer; background: 1px 1px; background-size: 27px; border: none; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; min-height: 29px; min-width: 40px; margin: 0; height: 35px; z-index: 1000; position: absolute; right: 10px; -ms-transition: all .2s linear; transition: all .2s linear } .vision-search-box i.fa-search { color: #a2c605; cursor: pointer; font-size: 16px; position: absolute; top: 19px; right: 25px } #main-wrapper, .site { background-color: #fff } #agama_slider { float: none; width: 100%; height: 100%; overflow: hidden; background-size: cover } #agama_slider .slide-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; flex-direction: column; letter-spacing: 1px; text-align: center; vertical-align: middle; height: 100%; width: 100% } #agama_slider h2.slide-title { font-family: 'Crete Round', sans-serif; font-size: 46px; display: block; color: #fff } #agama_slider .slide-content a.button { margin-top: 2% } #agama_slider .slide-content a.button:hover { color: #fff!important } #bbp_reply_content, .bbp-breadcrumb a, .bbp-breadcrumb span, .bbp-form legend, .bbp-forum-title, .bbp-topic-title, .forum-titles { font-size: 14px } .agama-header-object, .wp-custom-header { clear: both; position: relative; overflow: hidden } .agama-header-object iframe, .agama-header-object video { display: block; margin: 0 auto; } .wp-custom-header-video-button { display: none } .wp-custom-header iframe { display: block; max-width: 100% } .wp-custom-header img, .wp-custom-header video { display: block; height: auto; margin: 0 auto; max-width: 100% } #main-wrapper { position: relative; margin: 0 auto; width: 100%; box-shadow: 0 2px 6px rgba(100, 100, 100, .3) } .main-wrapper { transition: transform .5s } #nav-below { margin: 30px 0 } .bbpress #content { max-width: 100% } #subscription-toggle { float: right } .bbp-search-form { margin-bottom: 30px } .bbp-footer, .bbp-header, .bbp-reply-content { font-size: 14px; line-height: 21px } .site { padding: 0 1.714285714rem } .site-header hgroup { position: relative; max-width: 1200px; margin: 24px auto; padding: 0 30px } .site-header h1 a { font-family: 'Crete Round', serif; font-weight: 400; font-size: inherit; letter-spacing: 2px; line-height: initial; display: inline-block; text-decoration: none; padding: 0; color: #515151 } .portfolio-single-content, .si-share { font-family: Lato, sans-serif } .site-header h1 { font-size: 24px; line-height: 1.285714286; margin-bottom: 14px } .site-header h2 { font-weight: 400; font-size: 13px; line-height: 1.846153846; color: #757575 } .sticky-header .pull-left a { display: block } .sticky-header .logo { padding: 10px 10px 10px 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; max-width: 100%; height: auto } .sticky-header-shrink .logo { max-height: 65px } .style-msg, .style-msg2 { display: block; color: #444; border-left: 4px solid rgba(0, 0, 0, .1); margin-bottom: 20px } .style-msg2 { border-left: 4px solid rgba(0, 0, 0, .2) } .successmsg { background: #C5EBD4; color: #184B21 } .errormsg { background: #FCC; color: #740D0A } .infomsg { background: #B9DFF4; color: #124F70 } .alertmsg { background: #FCE0B6; color: #975E06 } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; border-left: 1px solid rgba(255, 255, 255, .5); font-size: 13px; text-shadow: 1px 1px 1px rgba(255, 255, 255, .6) } .style-msg2 .msgtitle { background: rgba(0, 0, 0, .15); border-top: none; border-bottom: none; font-size: 14px; font-weight: 700 } .style-msg-light .msgtitle, .style-msg-light .sb-msg { color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3) } .style-msg2 .sb-msg { font-weight: 400 } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px } .style-msg2 ol { list-style-type: decimal } .style-msg2 ul { list-style-type: disc } .alert i, .msgtitle i, .sb-msg i { position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 5px } .i-bordered, .i-circled, .i-plain, .i-rounded, .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center!important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); cursor: pointer; font-style: normal } body:not(.device-touch) .i-bordered, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-rounded, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .i-bordered, .i-circled, .i-rounded { width: 52px!important; height: 52px!important; line-height: 52px!important; background-color: #444; border-radius: 3px } .i-bordered { border: 1px solid #555; line-height: 50px!important; background-color: transparent!important; color: #444; text-shadow: none } .i-light, .i-plain { text-shadow: 1px 1px 1px #FFF } .i-plain { width: 36px!important; height: 36px!important; font-size: 28px; line-height: 36px!important; color: #444 } .i-plain:hover { color: #777 } .i-circled { border-radius: 50% } .i-light { background-color: #F5F5F5; color: #444; box-shadow: inset 0 0 15px rgba(0, 0, 0, .2) } .i-alt { background-image: url(images/icons/iconalt.svg); background-position: center center; background-size: 100% 100% } .i-circled:hover, .i-rounded:hover { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); box-shadow: 0 0 0 rgba(0, 0, 0, .2) } .i-bordered:hover { background-color: #444!important; color: #FFF; border-color: #444 } .i-small.i-bordered, .i-small.i-circled, .i-small.i-plain, .i-small.i-rounded { margin: 4px 11px 7px 0; font-size: 14px } .i-small.i-bordered, .i-small.i-circled, .i-small.i-rounded { width: 28px!important; height: 28px!important; line-height: 28px!important } .i-small.i-bordered { line-height: 26px!important } .i-small.i-plain { width: 18px!important; height: 18px!important; font-size: 14px; line-height: 18px!important } .i-medium.i-bordered, .i-medium.i-circled, .i-medium.i-plain, .i-medium.i-rounded { margin: 6px 13px 9px 0; font-size: 21px } .i-medium.i-bordered, .i-medium.i-circled, .i-medium.i-rounded { width: 36px!important; height: 36px!important; line-height: 36px!important } .i-medium.i-bordered { line-height: 34px!important } .i-medium.i-plain { width: 28px!important; height: 28px!important; font-size: 20px; line-height: 28px!important } .i-large.i-bordered, .i-large.i-circled, .i-large.i-plain, .i-large.i-rounded { margin: 4px 11px 7px 0; font-size: 42px } .i-large.i-bordered, .i-large.i-circled, .i-large.i-rounded { width: 64px!important; height: 64px!important; line-height: 64px!important } .i-large.i-bordered { line-height: 62px!important } .i-large.i-plain { width: 48px!important; height: 48px!important; font-size: 42px; line-height: 48px!important } .i-xlarge.i-bordered, .i-xlarge.i-circled, .i-xlarge.i-plain, .i-xlarge.i-rounded { margin: 4px 11px 7px 0; font-size: 56px } .i-xlarge.i-bordered, .i-xlarge.i-circled, .i-xlarge.i-rounded { width: 84px!important; height: 84px!important; line-height: 84px!important } .i-xlarge.i-bordered { line-height: 82px!important } .i-xlarge.i-plain { width: 64px!important; height: 64px!important; font-size: 56px; line-height: 64px!important } .i-overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: url(../img/grid.png) rgba(0, 0, 0, .2) } .i-overlay i, .i-overlay img { display: block; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px!important; height: 48px!important; font-size: 48px; line-height: 1; color: #E5E5E5; text-shadow: 1px 1px 1px rgba(0, 0, 0, .15) } .i-overlay i { margin: -18px 0 0 -18px; width: 36px; height: 36px; line-height: 36px; font-size: 24px } .on-hover.i-overlay { opacity: 0 } body:not(.device-touch) .on-hover.i-overlay { -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear } .on-hover.i-overlay:hover { opacity: 1 } .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px!important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden } .si-rounded { border-radius: 50% } .si-borderless { border-color: transparent!important } .si-dark, .si-light { border-color: transparent } .si-dark { background-color: #444; color: #FFF!important } .si-light { background-color: rgba(0, 0, 0, .05); color: #666!important } .si-colored { border-color: transparent!important } .si-colored.social-icon, .social-icon:hover { border-color: transparent } .si-colored i { color: #FFF } .social-icon.si-large { margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px!important } .social-icon.si-small { width: 32px; height: 32px; font-size: 14px; line-height: 30px!important } .social-icon i { display: block; position: relative; padding: 10px 0 } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .social-icon i:last-child { color: #FFF!important } .social-icon:hover i:first-child { margin-top: -38px } .social-icon.si-large:hover i:first-child { margin-top: -54px } .social-icon.si-small:hover i:first-child { margin-top: -30px } .social-icon:hover { color: #555 } .si-sticky { position: fixed; top: 50%; left: 5px; width: 36px; z-index: 100 } .si-share, nav.mobile-menu>ul.menu>li.menu-item-has-children { position: relative } .si-sticky.si-sticky-right { left: auto; right: 8px } .si-share { padding-left: 5px; border-top: 1px solid #EEE; margin: 30px 0; border-bottom: 1px solid #EEE; clear: both } .social-icons { font-family: FontAwesome; position: relative } .si-share span { line-height: 36px; font-weight: 700; font-size: 13px } .si-share div { float: right } .si-share .social-icon { margin: -1px 0; border-radius: 0 } .si-colored.si-facebook, .si-facebook:hover { background-color: #3B5998!important } .si-colored.si-delicious, .si-delicious:hover { background-color: #205CC0!important } .si-colored.si-paypal, .si-paypal:hover { background-color: #00588B!important } .si-colored.si-flattr, .si-flattr:hover { background-color: #F67C1A!important } .si-android:hover, .si-colored.si-android { background-color: #A4C639!important } .si-colored.si-smashmag, .si-smashmag:hover { background-color: #E53B2C!important } .si-colored.si-gplus, .si-gplus:hover { background-color: #DD4B39!important } .si-colored.si-wikipedia, .si-wikipedia:hover { background-color: #333!important } .si-colored.si-stumbleupon, .si-stumbleupon:hover { background-color: #F74425!important } .si-colored.si-foursquare, .si-foursquare:hover { background-color: #25A0CA!important } .si-call:hover, .si-colored.si-call { background-color: #444!important } .si-colored.si-ninetyninedesigns, .si-ninetyninedesigns:hover { background-color: #F26739!important } .si-colored.si-digg, .si-digg:hover { background-color: #191919!important } .si-colored.si-spotify, .si-spotify:hover { background-color: #81B71A!important } .si-colored.si-reddit, .si-reddit:hover { background-color: #C6C6C6!important } .si-blogger:hover, .si-colored.si-blogger { background-color: #FC4F08!important } .si-cc:hover, .si-colored.si-cc { background-color: #688527!important } .si-colored.si-dribbble, .si-dribbble:hover { background-color: #EA4C89!important } .si-colored.si-evernote, .si-evernote:hover { background-color: #5BA525!important } .si-colored.si-flickr, .si-flickr:hover { background-color: #FF0084!important } .si-colored.si-google, .si-google:hover { background-color: #DD4B39!important } .si-colored.si-instapaper, .si-instapaper:hover { background-color: #333!important } .si-colored.si-klout, .si-klout:hover { background-color: #FF5F52!important } .si-colored.si-linkedin, .si-linkedin:hover { background-color: #0E76A8!important } .si-colored.si-vk, .si-vk:hover { background-color: #2B587A!important } .si-colored.si-rss, .si-rss:hover { background-color: #EE802F!important } .si-colored.si-skype, .si-skype:hover { background-color: #00AFF0!important } .si-colored.si-twitter, .si-twitter:hover { background-color: #00ACEE!important } .si-colored.si-youtube, .si-youtube:hover { background-color: #C4302B!important } .si-colored.si-vimeo, .si-vimeo:hover { background-color: #86C9EF!important } .si-aim:hover, .si-colored.si-aim { background-color: #FCD20B!important } .si-colored.si-yahoo, .si-yahoo:hover { background-color: #720E9E!important } .si-colored.si-email3, .si-email3:hover { background-color: #6567A5!important } .si-colored.si-macstore, .si-macstore:hover { background-color: #333!important } .si-colored.si-myspace, .si-myspace:hover { background-color: #666!important } .si-colored.si-podcast, .si-podcast:hover { background-color: #E4B21B!important } .si-cloudapp:hover, .si-colored.si-cloudapp { background-color: #525557!important } .si-colored.si-dropbox, .si-dropbox:hover { background-color: #3D9AE8!important } .si-colored.si-ebay, .si-ebay:hover { background-color: #89C507!important } .si-colored.si-github, .si-github:hover { background-color: #171515!important } .si-colored.si-googleplay, .si-googleplay:hover { background-color: #DD4B39!important } .si-colored.si-itunes, .si-itunes:hover { background-color: #222!important } .si-colored.si-plurk, .si-plurk:hover { background-color: #CF5A00!important } .si-colored.si-pinboard, .si-pinboard:hover { background-color: #0000E6!important } .si-colored.si-soundcloud, .si-soundcloud:hover { background-color: #F70!important } .si-colored.si-tumblr, .si-tumblr:hover { background-color: #34526F!important } .si-colored.si-wordpress, .si-wordpress:hover { background-color: #1E8CBE!important } .si-colored.si-yelp, .si-yelp:hover { background-color: #C41200!important } .si-colored.si-intensedebate, .si-intensedebate:hover { background-color: #009EE4!important } .si-colored.si-eventbrite, .si-eventbrite:hover { background-color: #F16924!important } .si-colored.si-scribd, .si-scribd:hover { background-color: #666!important } .si-colored.si-stripe, .si-stripe:hover { background-color: #008CDD!important } .si-colored.si-print, .si-print:hover { background-color: #111!important } .si-colored.si-dwolla, .si-dwolla:hover { background-color: #FF5C03!important } .si-colored.si-statusnet, .si-statusnet:hover { background-color: #131A30!important } .si-acrobat:hover, .si-colored.si-acrobat { background-color: #D3222A!important } .si-colored.si-drupal, .si-drupal:hover { background-color: #27537A!important } .si-buffer:hover, .si-colored.si-buffer { background-color: #333!important } .si-colored.si-pocket, .si-pocket:hover { background-color: #EE4056!important } .si-bitbucket:hover, .si-colored.si-bitbucket { background-color: #0E4984!important } .si-colored.si-stackoverflow, .si-stackoverflow:hover { background-color: #EF8236!important } .si-colored.si-hackernews, .si-hackernews:hover { background-color: #F60!important } .si-colored.si-xing, .si-xing:hover { background-color: #126567!important } .si-colored.si-instagram, .si-instagram:hover { background-color: #3F729B!important } .si-colored.si-quora, .si-quora:hover { background-color: #A82400!important } .si-colored.si-openid, .si-openid:hover { background-color: #E16309!important } .si-colored.si-steam, .si-steam:hover { background-color: #111!important } .si-amazon:hover, .si-colored.si-amazon { background-color: #E47911!important } .si-colored.si-disqus, .si-disqus:hover { background-color: #E4E7EE!important } .si-colored.si-plancast, .si-plancast:hover { background-color: #222!important } .si-appstore:hover, .si-colored.si-appstore { background-color: #000!important } .si-colored.si-pinterest, .si-pinterest:hover { background-color: #C8232C!important } .si-colored.si-fivehundredpx, .si-fivehundredpx:hover { background-color: #111!important } #top-nav-social { text-align: right; line-height: 44px } .social-icons { font-size: 16px; padding: 10px } .social-icons.facebook:before { content: "\f09a" } .social-icons.twitter:before { content: "\f099" } .social-icons.flickr:before { content: "\f16e" } .social-icons.rss:before { content: "\f09e" } .social-icons.vimeo:before { content: "\f194" } .social-icons.youtube:before { content: "\f167" } .social-icons.instagram:before { content: "\f16d" } .social-icons.pinterest:before { content: "\f231" } .social-icons.tumblr:before { content: "\f173" } .social-icons.google:before { content: "\f0d5" } .social-icons.dribbble:before { content: "\f17d" } .social-icons.digg:before { content: "\f1a6" } .social-icons.linkedin:before { content: "\f0e1" } .social-icons.blogger:before { content: "" } .social-icons.skype:before { content: "\f17e" } .social-icons.myspace:before { content: "" } .social-icons.deviantart:before { content: "\f1bd" } .social-icons.yahoo:before { content: "\f19e" } .social-icons.reddit:before { content: "\f1a1" } .social-icons.paypal:before { content: "\f1ed" } .social-icons.dropbox:before { content: "\f16b" } .social-icons.soundcloud:before { content: "\f1be" } .social-icons.vk:before { content: "\f189" } .social-icons.email:before { content: "\f1fa" } .social-icons.phone:before { content: "\f095" } .social-icons.telegram:before { content: "\f2c6" } /* = MOBILE MENU ICONS *------------------------------------------------------------- */ .mobile-menu-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; position: absolute; right: 0; height: 100%; visibility: hidden; } header.header_v1 .mobile-menu-icons { right: 30px; } .mobile-menu-icons > div { margin-right: 20px; } .mobile-menu-icons > div:last-child { margin-right: 0; } .mobile-menu-icons .mobile-menu-search > a { font-size: 18px; } /* = Mobile Navigation Hamburger Icon *------------------------------------------------------------- */ .mobile-menu-toggle { cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; line-height: 1; background-color: transparent; border: 0; margin: 0; padding: 0; overflow: visible; } .mobile-menu-toggle:hover { opacity: 0.7; } .mobile-menu-toggle:focus { outline: none; } .mobile-menu-toggle-box { width: 40px; height: 24px; display: inline-block; position: relative; } .mobile-menu-toggle-label { display: block; text-align: center; padding-top: 5px; width: 100%; color: #A2C605; } .mobile-menu-toggle-inner { display: block; top: 50%; margin-top: -2px; } .mobile-menu-toggle-inner, .mobile-menu-toggle-inner::before, .mobile-menu-toggle-inner::after { width: 40px; height: 4px; background-color: #A2C605; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .mobile-menu-toggle-inner::before, .mobile-menu-toggle-inner::after { content: ""; display: block; } .mobile-menu-toggle-inner::before { top: -10px; } .mobile-menu-toggle-inner::after { bottom: -10px; } /* = Mobile Navigation Hamburger Icon [Elastic Animation] *------------------------------------------------------------- */ .toggle--elastic .mobile-menu-toggle-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .toggle--elastic .mobile-menu-toggle-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .toggle--elastic .mobile-menu-toggle-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .toggle--elastic.is-active .mobile-menu-toggle-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .toggle--elastic.is-active .mobile-menu-toggle-inner::before { transition-delay: 0s; opacity: 0; } .toggle--elastic.is-active .mobile-menu-toggle-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } nav.mobile-menu { background: #A2C605; text-align: left; clear: both; overflow-y: scroll; overflow-x: hidden; max-height: 250px; } nav.mobile-menu.collapse, nav.mobile-menu li.vision-main-menu-cart, nav.mobile-menu li.vision-main-menu-search { display: none; } nav.mobile-menu a { color: #fff; filter: alpha(opacity=70); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; display: block; padding: 15px 0; background: 0 0!important } nav.mobile-menu ul { float: none } nav.mobile-menu li.active>a, nav.mobile-menu li:hover>a { filter: alpha(opacity=100); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } nav.mobile-menu>ul.menu>li { float: none; padding-left: 15px; padding-right: 15px } nav.mobile-menu>ul.menu>li>a { border-top: 1px solid rgba(0, 0, 0, .1); } nav.mobile-menu>ul.menu>li.menu-item-has-children.open { background: rgba(0, 0, 0, .02) } nav.mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle { border: 0; position: absolute; right: 1px; top: 3px; height: 34px; line-height: 34px; padding: 0 15px; background: 0 0; display: inline-block; font-family: FontAwesome; font-size: 1.3333em; font-weight: 400; filter: alpha(opacity=70); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; outline: 0; cursor: pointer } nav.mobile-menu>ul.menu>li.menu-item-has-children>a, nav.mobile-menu>ul.menu>li.menu-item-has-children>ul { border-top: 1px solid rgba(0, 0, 0, .1) } nav.mobile-menu>ul.menu>li:last-child>a, nav.mobile-menu>ul.menu>li>ul li.menu-item-has-children>ul { border-bottom: 1px solid rgba(0, 0, 0, .1) } nav.mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle:after { content: "\f056" } nav.mobile-menu>ul.menu>li.menu-item-has-children>.dropdown-toggle.collapsed:after { content: "\f055" } nav.mobile-menu>ul.menu>li.menu-item-has-children.open>a { color: #444; filter: alpha(opacity=100); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } nav.mobile-menu>ul.menu>li.menu-item-has-children.open>.dropdown-toggle, nav.mobile-menu>ul.menu>li.menu-item-has-children:hover>.dropdown-toggle, nav.mobile-menu>ul.menu>li.menu-item-has-children:hover>a { filter: alpha(opacity=100); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } nav.mobile-menu>ul.menu>li:first-child>a { border-top: none } nav.mobile-menu>ul.menu>li>ul li>a { padding-left: 15px; font-size: 1.0833em; position: relative } nav.mobile-menu>ul.menu>li>ul li.menu-item-has-children>a:before { content: ""; display: none } nav.mobile-menu>ul.menu>li>ul li.menu-item-has-children:last-child>ul { border-bottom: none!important } nav.mobile-menu>ul.menu>li li li.menu-item-has-children>a { padding-left: 10px } nav.mobile-menu>ul.menu>li li li.menu-item-has-children>a:before { display: none } nav.mobile-menu .mobile-topnav { margin: 0 auto; padding: 0 5px } nav.mobile-menu .mobile-topnav ul.sub-menu { display: none } nav.mobile-menu .mobile-topnav>li { float: left; position: relative; color: rgba(0, 0, 0, .3) } nav.mobile-menu .mobile-topnav>li>a { font-size: .8333em; padding: 0 10px; margin: 22px 10px; line-height: 1em; width: auto } nav.mobile-menu .mobile-topnav>li:after { content: "|"; position: absolute; right: -1px; top: 50%; margin-top: -10px } #secondary .cat-item, .main-navigation ul.sub-menu li, .top-navigation, li.vision-main-menu-cart { position: relative } nav.mobile-menu .mobile-topnav>li:last-child:after { display: none } nav.mobile-menu .mobile-topnav>li:first-child a { margin-left: 0 } nav.mobile-menu .mobile-topnav .menu.mini { left: 0; top: 40px; visibility: visible; display: none; min-width: 100px } nav.mobile-menu .mobile-topnav .menu.mini li>a { padding: 10px 0 } nav.mobile-menu .mobile-topnav .menu.mini.left { left: 0; right: auto } .sticky-header ul { line-height: 1; z-index: 9999; float: right } .main-navigation li, .top-navigation li { line-height: 1.42857143; font-size: 12px } .sticky-header ul li ul { background-color: #fff } .top-nav-wrapper { -webkit-box-shadow: 0 1px 4px 0 rgba(167, 169, 164, .75); box-shadow: 0 1px 4px 0 rgba(167, 169, 164, .75); display: table; content: ""; width: 100% } .top-nav-sub-wrapper { max-width: 1200px; margin: 0 auto } .top-navigation a { color: #5e5e5e } .top-navigation a:focus, .top-navigation a:hover { color: #21759b } .main-navigation .current-menu-ancestor>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current_page_item>a, .main-navigation li ul, .top-navigation li ul { border-bottom-width: 3px; border-bottom-style: solid } .main-navigation li ul li a:hover, .top-navigation li ul li a:focus, .top-navigation li ul li a:hover { border-left-width: 3px; border-left-style: solid } .top-navigation div.top-nav-menu>ul, .top-navigation ul.top-nav-menu { padding: 0 30px } .top-menu-toggle, .top-navigation ul.top-nav-menu.toggled-on { display: inline-block; margin-bottom: 30px } .top-navigation ul.sub-menu ul.sub-menu { -webkit-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; -moz-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px } .main-navigation { text-align: center; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } .main-navigation .main-navigation-sub-wrapper { position: relative; max-width: 1200px; margin: 0 auto } .main-navigation a { color: #5e5e5e } .main-navigation a:focus, .main-navigation a:hover { color: #333 } .main-navigation div.nav-menu>ul, .main-navigation ul.nav-menu { padding: 0 30px; display: none } .main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; margin-bottom: 30px } .main-navigation ul.sub-menu li { display: block; margin: 0 } #toTop, .single-post .entry-header figcaption { display: none } .widget-area .widget, section[role=banner] { margin-bottom: 3.428571429rem } #secondary.col-md-3 { padding: 0 } #secondary .cat-has-children:after, #secondary .subcat-has-children:after { font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; float: right; position: absolute; right: 0; width: 14px; text-align: center; padding-top: 0 } #secondary .cat-item a { color: #757575; font-weight: 800; text-transform: uppercase; letter-spacing: 1px } #secondary .cat-item a:hover { color: #a2c605 } #secondary .cat-iem.subcat-has-children.subcat-open, #secondary .cat-item .children li:last-child, #secondary .cat-item.cat-has-children.cat-open { border-bottom: 0!important } #secondary .cat-item .children, #secondary .cat-item .children li, #secondary .cat-item .children li:first-child { border-bottom: 1px dashed #e3e3e3 } #secondary .cat-item .children { border-top: 1px dashed #e3e3e3; margin-top: 10px; display: none } #secondary .cat-item .children a { font-weight: 700!important; text-transform: none } #secondary .cat-item .children .children a { font-weight: 400!important } #secondary .cat-has-children:after { content: "\f107"; cursor: pointer; -webkit-font-smoothing: antialiased; top: 15px; border: 1px solid #a1b1bc; height: 14px; border-radius: 3px; line-height: 13px; font-size: 12px } #secondary .cat-open:after { content: "\f106"!important } #secondary .subcat-has-children:after { content: "\f067"; top: 15px!important; border: none!important; height: 14px; border-radius: 3px; line-height: 16px; font-size: 14px!important } #secondary .subcat-open:after { content: "\f068"!important } .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word } .widget-area .widget h3, .widget-area .widget p { margin-bottom: 1.714285714rem } .widget-area .widget li { padding: 10px 0; border-bottom: 1px dashed #e3e3e3 } .widget-area .widget li ul li { border-bottom: 0 } .widget-area .widget .textwidget, .widget-area .widget li, .widget-area .widget p { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846 } .widget-area .textwidget ul { list-style: disc; margin: 0 0 1.714285714rem } .widget-area .textwidget li { margin-left: 2.571428571rem } .widget-area .widget a { color: #9f9f9f } .widget-area .widget a:hover { color: #333 } .footer-widgets, .footer-widgets p { color: rgba(205, 222, 238, .7); font-size: 13px } .widget-area #s { width: 53.66666666666% } #footer-wrapper { position: relative; bottom: 0 } .footer-widgets { padding: 30px 0; line-height: 22px; background-color: #314150; border-top-width: 5px; border-top-style: solid } .footer-widgets p { font-family: "PT Sans", Helvetica, Arial, sans-serif } .footer-widgets a { color: #cddeee } .footer-widgets a:hover { color: #fff } .footer-widgets .widget-title { font-family: RaleWay; font-size: 15px; font-weight: 600; position: relative; line-height: 1.4em; padding: 0 0 18px; margin-bottom: 25px; color: #fff } .footer-widgets .widget-title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; height: 3px; background: #a2c605 } .footer-widgets .widget li { padding: 10px 10px 10px 0; border-bottom: 1px dashed #E5E5E5; border-bottom-color: rgba(255, 255, 255, .1) } .footer-widgets .widget li ul li { border-bottom: 0 } #toTop { position: fixed; bottom: 0; right: 3%; width: 42px; height: 35px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; color: rgba(255, 255, 255, .8); z-index: 9998; cursor: pointer; opacity: .8; -moz-opacity: .8; -khtml-opacity: .8; filter: alpha(opacity=80); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); background-color: rgba(0, 0, 0, .4); background-repeat: no-repeat; background-position: center; transition: background-color .1s linear; -moz-transition: background-color .1s linear; -webkit-transition: background-color .1s linear; -o-transition: background-color .1s linear } #toTop:hover { color: rgba(255, 255, 255, 1); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100) } #toTop i { font-size: 22px; padding: 8px 14px } footer[role=contentinfo] { background-color: #293744; clear: both; font-size: 12px; margin-left: auto; margin-right: auto; padding: 24px 30px; width: 100%; color: #fff } footer[role=contentinfo] a { color: #cddeee } footer[role=contentinfo] a:hover { color: #a2c605 } footer[role=contentinfo] .social { text-align: right } .footer-sub-wrapper { max-width: 1200px; margin: 0 auto } body:not(.sidebar-left) #primary.col-md-9 { padding: 0 30px 0 0 } body.sidebar-left #primary { padding: 0 } body.sidebar-left #secondary { padding-right: 30px } .grid-style .article-entry-wrapper { padding: 15px } .single-post .grid-style .entry-title { padding: 15px 0 0 } .grid-style .entry-title { margin: 0; padding: 15px 15px 0 } body:not(.single) .grid-style ul.single-line-meta { line-height: 1.5; padding: 0 15px; margin-top: 5px; margin-bottom: 0 !important; } .grid-style .entry-header .comments-link { padding: 0 15px } .list-style .entry-image { margin-bottom: 30px } .list-style .entry-image img { width: 100%; } .list-style .entry-title { line-height: 1.2; clear: none; margin: 0 0 5px } .single-post .list-style .entry-content { margin-left: 0 } .list-style .entry-date + .entry-content { margin-left: 110px } .page-template-front-page .entry-title { margin-bottom: 30px } .entry-meta { clear: both } .entry-header { margin: 0 } .entry-title, .entry-title a { font-weight: 600 } .entry-header img.wp-post-image { border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0 } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: 400 } .page .entry-title { margin-bottom: 25px } .entry-header .entry-title a { text-decoration: none } .single-post .article-entry-wrapper { padding: 0 } .entry-sep { border-bottom: 4px double #e3e3e3; margin: 15px auto; width: 100% } .inline-sep { padding: 0 5px } .js-isotope .entry-sep { width: 90% } .entry-header .entry-format { margin-top: 1.714285714rem; font-weight: 400 } .entry-header .comments-link { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #757575 } .comments-link a, .entry-meta a { color: #757575 } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: .928571429rem; line-height: 3.692307692; margin-bottom: 1.714285714rem; text-align: center } .entry-date .date-box, .entry-date .format-box { border-radius: 3px; border-bottom: 3px solid rgba(0, 0, 0, .15) } .entry-date { float: left; margin-right: 17px; width: 82px; text-align: center } .entry-date .date-box { padding: 8px 0 5px; color: #fff } .date-box .date { display: block; line-height: 29px; font-size: 29px; font-weight: 700 } .date-box .month-year { line-height: 24px } .entry-date .format-box { margin-top: 3px; background-color: #eef0f2; padding-top: 12px; padding-bottom: 15px } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714 } .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 24px 0; line-height: 1.714285714 } .comment-content h2, .entry-content h2, .mu_register h2 { line-height: 1.6 } .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.846153846 } .entry-content ul.single-line-meta, .entry-header ul.single-line-meta, .entry ul.single-line-meta, article.format-aside ul.single-line-meta { font-family: 'Crete Round'; font-size: 12px; list-style: none; margin-bottom: 5px; color: #757575; width: 100%; } .entry-content ul.single-line-meta li, .entry-header ul.single-line-meta li, .entry ul.single-line-meta li { display: inline-block; margin: 0 !important; } .entry-content ul.single-line-meta li:last-child, .entry-header ul.single-line-meta li:last-child, .entry ul.single-line-meta li:last-child { padding-right: 0; } .entry-content ul.single-line-meta li:after, .entry-header ul.single-line-meta li:after, .entry ul.single-line-meta li:after { content: '\/'; padding: 0 5px; } .entry-content ul.single-line-meta li:last-child:after, .entry-header ul.single-line-meta li:last-child:after, .entry ul.single-line-meta li:last-child:after { content: ''; padding: 0; } .entry-content ul.single-line-meta li i, .entry-header ul.single-line-meta li i, .entry ul.single-line-meta li i { padding-right: 3px; } .entry-content ul.single-line-meta li a, .entry-header ul.single-line-meta li a, .entry ul.single-line-meta li a { color: #757575; } .entry-content ul.single-line-meta li a:hover, .entry-header ul.single-line-meta li a:hover, .entry ul.single-line-meta li a:hover { color: #333; } .comment-content p, .entry-content p, .entry-summary p, .mu_register p { margin: 0 0 24px; line-height: 1.714285714 } .entry-content .more-link { border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; padding: 0 2px; font-family: 'Crete Round', serif; font-style: italic; white-space: nowrap } .entry-content .more-link:hover { color: #9f9f9f; border-bottom: 1px solid #9f9f9f } .comment-content ol, .comment-content ul, .entry-content ol, .entry-content ul, .mu_register ul { margin: 0 0 1.714285714rem; line-height: 1.714285714 } .comment-content ol ol, .comment-content ol ul, .comment-content ul ol, .comment-content ul ul, .entry-content ol ol, .entry-content ol ul, .entry-content ul ol, .entry-content ul ul { margin-bottom: 0 } .comment-content ul, .entry-content ul, .mu_register ul { list-style: disc; line-height: inherit !important } .comment-content ol, .entry-content ol { list-style: decimal } .comment-content li, .mu_register li, body:not(.woocommerce-checkout, .woocommerce-page, .woocommerce-order-received) .entry-content li { margin: 0 0 0 2.571428571rem } .comment-content blockquote, .entry-content blockquote { padding: 1.714285714rem; font-style: italic; background-color: #f5f5f5; margin: 0 25px } .comment-content blockquote p:last-child, .entry-content blockquote p:last-child { margin-bottom: 0 } .comment-content code, .entry-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: .857142857rem; line-height: 2 } .comment-content pre, .entry-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: .857142857rem; line-height: 1.714285714; margin: 1.714285714rem 0; overflow: auto; padding: 1.714285714rem } .comment-content pre code, .entry-content pre code { display: block } .comment-content abbr, .comment-content acronym, .comment-content dfn, .entry-content abbr, .entry-content acronym, .entry-content dfn { border-bottom: 1px dotted #666; cursor: help } .comment-content address, .entry-content address { display: block; line-height: 1.714285714; margin: 0 0 1.714285714rem } .wp-caption.alignleft, img.alignleft { margin: .857142857rem 1.714285714rem .857142857rem 0 } .wp-caption.alignright, img.alignright { margin: .857142857rem 0 .857142857rem 1.714285714rem } .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: .857142857rem; margin-bottom: .857142857rem } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 1.714285714rem } .comment-content dl, .entry-content dl { margin: 0 1.714285714rem } .comment-content dt, .entry-content dt { font-weight: 700; line-height: 1.714285714 } .comment-content dd, .entry-content dd { line-height: 1.714285714; margin-bottom: 1.714285714rem } .comment-content table, body:not(.woocommerce-checkout, .woocommerce-page) .entry-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: .857142857rem; line-height: 2; margin: 0 0 1.714285714rem; width: 100% } .comment-content table caption, .entry-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 1.714285714rem 0 } .comment-content td, .entry-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0 } .site-content article { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto } body.blog .article-wrapper:not(.grid-style):not(.small_thumbs-style), body.search-results .article-wrapper:not(.grid-style):not(.small_thumbs-style) { display: block; clear: both; margin-bottom: 60px; border-bottom: 1px dashed #e3e3e3 } .article-wrapper:last-child { margin-bottom: 0 } .js-isotope .article-wrapper { width: 30%; float: left; overflow: hidden; border: 1px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; margin-right: 24px; margin-bottom: 50px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px } .site-content .article-wrapper:nth-child(3n) { margin-right: 0 } .site-content .article-wrapper.list-style .article-entry-wrapper { display: table; width: 100%; } .site-content article .article-entry-wrapper { padding-top: 0; padding-bottom: 15px } article .entry-header img { width: 100% } .page-links { clear: both; line-height: 1.714285714 } footer.entry-meta { margin-top: 1.714285714rem; font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #757575 } footer.entry-meta .edit-link a { color: #fff } .single-author .entry-meta .by-author { display: none } .mu_register h2 { color: #757575; font-weight: 400 } .vision-page-title-bar { clear: both; padding: 0 20px; height: 87px; width: 100%; background-position: center center; background-repeat: no-repeat; background-color: #F5F5F5; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE } .vision-page-title-row { overflow: hidden; margin: 0 auto; height: 100%; max-width: 1200px } .vision-page-title-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-box-pack: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; position: relative; height: 100%; width: 100% } .vision-page-title-captions { width: 49.5% } .vision-page-title-secondary { width: 49.5%; text-align: right } .vision-breadcrumbs span { display: inline-block } .vision-breadcrumb-prefix { padding-right: 5px } .vision-breadcrumb-sep { padding: 0 5px } #infinite-loadmore { position: relative; margin: 20px 0 } .infscr-load-status { display: none; padding-top: 20px; text-align: center; color: #777 } .loader-ellips { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto } .loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: .5em; background: #555; position: absolute; animation-duration: .5s; animation-timing-function: ease; animation-iteration-count: infinite } .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0 } .loader-ellips__dot:nth-child(3) { left: 1.5em } @keyframes reveal { from { transform: scale(.001) } to { transform: scale(1) } } @keyframes slide { to { transform: translateX(1.5em) } } .loader-ellips__dot:nth-child(1) { animation-name: reveal } .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide } .loader-ellips__dot:nth-child(4) { left: 3em; animation-name: reveal; animation-direction: reverse } .tagcloud { margin-bottom: -2px } .tagcloud a { display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 13px; color: #666; border-radius: 2px } body:not(.device-touch) .tagcloud a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .tagcloud a:hover { border-color: #a2c605; color: #a2c605 } .portfolio-shuffle { float: right; width: 41px; height: 41px; border: 1px solid rgba(0,0,0,0.07); font-size: 14px; text-align: center; line-height: 41px; color: #333; border-radius: 4px; cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .portfolio-shuffle:hover { background-color: #A2C605; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #portfolio-filter { position: relative; margin: 0 0 40px; list-style: none; border: 1px solid rgba(0, 0, 0, .07); float: left; border-radius: 4px } #portfolio-filter li { float: left; position: relative } #portfolio-filter li a { display: block; position: relative; padding: 12px 18px; font-size: 13px; line-height: 15px; color: #666; border-left: 1px solid rgba(0, 0, 0, .07) } #portfolio-filter li:first-child a { border-left: none; border-radius: 4px 0 0 4px } #portfolio-filter li:last-child a { border-radius: 0 4px 4px 0 } #portfolio-filter li a:hover { color: #1ABC9C } #portfolio-filter li.activeFilter a { color: #FFF!important; margin: -1px 0; padding: 13px 18px; font-weight: 700 } .bothsidebar #portfolio-filter li a { padding: 12px 14px } .bothsidebar #portfolio-filter li.activeFilter a { padding: 13px 18px } #portfolio-shuffle { float: right; width: 41px; height: 41px; border: 1px solid rgba(0, 0, 0, .07); font-size: 14px; text-align: center; line-height: 41px; color: #333; border-radius: 4px; cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } #portfolio-shuffle:hover { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } #portfolio { position: relative; margin: 0 -12px -12px 0 } #portfolio h3 { line-height: 25px } #portfolio p { line-height: 1.8 } body:not(.device-touch) #portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear } .portfolio-item { position: relative; float: left; width: 276px; margin: 0 12px 12px 0 } .portfolio-notitle .iportfolio, .portfolio-notitle .portfolio-item { overflow: hidden } .portfolio-item .portfolio-image { position: relative; overflow: hidden } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 276px; height: 207px } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .portfolio-desc { z-index: 3; padding: 15px 5px 10px } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 19px } .portfolio-desc h3 a { color: #222 } .portfolio-desc span { display: block; margin-top: 3px; color: #888 } .portfolio-desc span a { color: #888 } .portfolio-desc span a:hover { color: #000 } .portfolio-notitle .portfolio-desc { position: absolute; display: block!important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc { -webkit-transition: bottom .2s ease-in-out; -o-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -78px; border-bottom: 0 } .portfolio-notitle .iportfolio:hover .portfolio-desc, .portfolio-notitle .portfolio-item:hover .portfolio-desc { bottom: 0!important } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none!important } #portfolio.portfolio-full, #portfolio.portfolio-nomargin { margin: 0!important } .portfolio-nomargin .portfolio-item { width: 284px; margin: 0!important } .portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-nomargin .portfolio-item .portfolio-image img { width: 284px; height: 213px } .portfolio-nomargin .portfolio-desc { padding: 15px 10px } #portfolio.portfolio-full { margin: 0 !important; width: 100%; } .portfolio-full .portfolio-item { width: 25%; margin: 0!important; overflow: hidden!important } .portfolio-full .portfolio-item-sizer { width: 25% } .portfolio-full .portfolio-item .portfolio-image, .portfolio-full .portfolio-item .portfolio-image .slide a, .portfolio-full .portfolio-item .portfolio-image img, .portfolio-full .portfolio-item .portfolio-image>a { width: 100%!important; height: auto!important } .portfolio-full .portfolio-desc { padding: 15px } #portfolio.portfolio-1 { margin: 0 0 -40px } .portfolio-1 .portfolio-item { float: none; width: 100%; margin: 0 0 40px; padding-bottom: 40px; border-bottom: 1px solid #EEE } .portfolio-1 .portfolio-item .portfolio-image { float: left; margin-right: 40px } .portfolio-1 .portfolio-item.alt .portfolio-image { float: right; margin: 0 0 0 40px } .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img { display: block; width: 580px; height: auto } .portfolio-1 .portfolio-desc { float: left; width: 450px; padding: 10px 0 } .portfolio-1 .alt .portfolio-desc { float: right } .portfolio-1 .portfolio-desc h3 { font-size: 22px } .portfolio-1 .portfolio-desc span { margin-top: 6px; font-size: 14px } .portfolio-1 .portfolio-desc p { margin: 20px 0 25px; font-size: 14px } .portfolio-1 .portfolio-desc p .more-link { display: none } .portfolio-1 .portfolio-desc li { margin: 3px 0 } #portfolio.portfolio-2 { margin: 0 -20px -20px 0 } .portfolio-2 .portfolio-item { width: 525px; margin: 0 20px 20px 0 } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 100%; height: auto } .portfolio-2 .portfolio-desc { padding: 20px 5px 10px } .portfolio-2 .portfolio-desc h3 { font-size: 21px } .portfolio-2 .portfolio-desc span { margin-top: 4px; font-size: 14px } #portfolio.portfolio-3 { margin: 0 -15px -15px 0 } .portfolio-3 .portfolio-item { width: 340px; margin: 0 15px 15px 0 } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 100%; height: auto } #portfolio.portfolio-4 { margin: 0 -15px -15px 0 } .portfolio-4 .portfolio-item { width: 250px; margin: 0 15px 15px 0 } .portfolio-4 .portfolio-item .portfolio-image, .portfolio-4 .portfolio-item .portfolio-image a, .portfolio-4 .portfolio-item .portfolio-image img { width: 100%; height: auto } .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0, 0, 0, .5) } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .iportfolio:hover .portfolio-overlay, .portfolio-item:hover .portfolio-overlay, .portfolio-image:hover .portfolio-overlay { opacity: 1 } .portfolio-overlay a { position: absolute; top: 50%; left: 50%; background-color: #F5F5F5; width: 40px!important; height: 40px!important; margin: -28px 0 0 -44px; font-size: 18px; line-height: 43px; text-align: center; color: #444; border-radius: 50%; -webkit-backface-visibility: hidden } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -44px } .portfolio-overlay a.center-icon { display: block; margin: -20px 0 0 -20px; opacity: 0 } .iportfolio:hover a.center-icon, .portfolio-item:hover a.center-icon { opacity: 1 } .portfolio-overlay a:hover { background-color: #EEE } .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon, .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon { margin-top: -18px } .portfolio-overlay a i.icon-line-play { position: relative; left: 2px } .portfolio-overlay .portfolio-desc { position: relative; padding: 0!important; margin: 0; text-align: center } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto!important; height: auto!important; line-height: 1; background-color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .15) } .portfolio-overlay .portfolio-desc h3 { font-weight: 600; color: #F5F5F5!important; line-height: 1 } .portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5!important } .portfolio-overlay .portfolio-desc span { margin-top: 7px; color: #DDD!important } .portfolio-overlay .portfolio-desc span a { color: #DDD!important; font-size: inherit } .portfolio-overlay .portfolio-desc~a { display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0!important } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc~a { -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, opacity .2s linear } .portfolio-overlay .portfolio-desc~a.right-icon { left: 0; right: 0; margin-left: 5px!important; margin-right: 0!important } .portfolio-overlay .portfolio-desc a:hover { background: 0 0 } body.device-touch.device-xs .portfolio-notitle .portfolio-overlay, body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none!important } .portfolio-single-content { font-size: 14px } .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 600!important } .portfolio-single-content p { line-height: 1.8; margin-bottom: 30px } .portfolio-single-image img { width: 100%; } .portfolio-ajax-modal { width: 1000px!important } .modal-padding { padding: 40px } .ajax-modal-title { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px } .ajax-modal-title h2 { font-size: 26px; margin-bottom: 0 } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px } #portfolio-ajax-container { display: none; padding-bottom: 60px } #portfolio-ajax-single h2 { font-size: 26px } .portfolio-meta, .portfolio-share { list-style: none; font-size: 14px } .portfolio-meta li { margin: 10px 0; color: #666 } .portfolio-meta li:first-child { margin-top: 0 } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: 700; color: #333 } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px } .well .line { margin: 20px 0; border-color: #E5E5E5 } #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px } .page-title-right #portfolio-navigation { left: 10px; right: auto } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0 } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear } .page-title-dark #portfolio-navigation a { color: #EEE } .page-title-parallax #portfolio-navigation a { color: #FFF } #portfolio-navigation a i { position: relative; top: -1px; font-size: 24px; line-height: 1 } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 32px; top: -6px } #portfolio-navigation a i.icon-angle-right { left: -1px } #portfolio-navigation a:first-child { margin-left: 0 } #portfolio-navigation a:hover { color: #1ABC9C } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0 } .iportfolio { position: relative; float: none; width: 100%; margin: 0 } .iportfolio .portfolio-image, .portfolio-image { position: relative; overflow: hidden } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img { display: block; width: 100%; height: auto } #wp-calendar caption, #wp-calendar td, #wp-calendar th, .comment-awaiting-moderation, .image-attachment div.attachment, .image-attachment div.attachment p { text-align: center } .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0 } .fluid-width-video-wrapper embed, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .archive-header, .page-header { margin-bottom: 3.428571429rem; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed } .archive-meta { color: #757575; font-size: 12px; font-size: .857142857rem; line-height: 2; margin-top: 1.571428571rem } .attachment .entry-content .mejs-audio { max-width: 400px } .attachment .entry-content .mejs-container { margin-bottom: 24px } .article.attachment { overflow: hidden } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100% } .list-style .format-aside header, .list-style .format-image header, .list-style .format-link header { display: none } .image-attachment .entry-caption { margin-top: .571428571rem } .grid-style .format-aside .entry-title { font-size: 21px; padding-top: 0; padding-left: 0; padding-right: 0 } article.format-aside h1 { margin-top: 0; margin-bottom: 1.714285714rem } article.format-aside h1 a { text-decoration: none; color: #4d525a } article.format-aside h1 a:hover { color: #2e3542 } .single-post article.format-aside header { right: 15px } article.format-aside header, article.format-image header { font-weight: 700; text-transform: uppercase; border-radius: 3px; position: absolute; top: 0; right: 0 } article.format-aside header { padding: 5px 10px; font-size: 11px; line-height: 12px; font-style: italic; color: #fff; background-color: #a8bfe8 } article.format-aside .aside { padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8 } article.format-aside .entry-sep { border-color: #a8bfe8; width: 100% } article.format-aside .entry-date .date-box { background-color: #a8bfe8 } article.format-aside .entry-date .format-box i { color: #a8bfe8 } article.format-aside p { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; color: #4a5466 } article.format-image header, article.format-link header { font-style: italic; color: #848484; background-color: #ebebeb } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0 } article.format-aside .entry-meta { padding: 0 20px; margin-top: 5px } article.format-image header { padding: 5px 10px; font-size: 11px; line-height: 12px } .blog .grid-style .format-image .entry-content p, .blog .grid-style .format-image .entry-meta, .blog .grid-style .format-link .entry-content p, .blog .grid-style .format-link .entry-meta { padding: 0 15px } article.format-image footer h1 { font-size: 13px; font-size: .928571429rem; line-height: 1.846153846; font-weight: 400 } article.format-image footer h2 { font-size: 11px; font-size: .785714286rem; line-height: 2.181818182 } article.format-image footer a h2 { font-weight: 400 } article.format-link header, article.format-status header { font-weight: 700; text-transform: uppercase; border-radius: 3px; position: absolute; top: 0; right: 0 } article.format-link header { padding: 5px 10px; font-size: 11px; line-height: 12px } article.format-link .entry-content a { line-height: 1.090909091; text-decoration: none } .blog .grid-style .format-quote .entry-content p, .blog .grid-style .format-quote .entry-meta { padding: 0 15px } article.format-quote .entry-content blockquote { display: block; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef } .list-style .format-status header { display: none } article.format-status header { padding: 5px 10px; font-size: 11px; line-height: 12px; font-style: italic; color: #848484; background-color: #ebebeb } .format-status .entry-header { margin-bottom: 1.714285714rem } .format-status .entry-header header { display: inline-block } .format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: 400; line-height: 1.6; margin: 0 } .format-status .entry-header h2 { font-size: 12px; font-size: .857142857rem; font-weight: 400; line-height: 2; margin: 0 } .format-status .entry-header header a { color: #757575 } .format-status .entry-header header a:hover { color: #21759b } .format-status .entry-header img { float: left; margin-right: 1.5rem } .blog .grid-style .format-status .entry-content p, .blog .grid-style .format-status .entry-meta { padding: 0 15px } .small-thumbs .entry-title h2 { font-family: Raleway, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 1px; margin: 0 } .single .small_thumbs-style .entry-title { margin-bottom: 0; } .article-wrapper.small_thumbs { margin-bottom: 0; border-bottom: 0 } .small-thumbs .entry { position: relative; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px dashed #e3e3e3 } .small-thumbs .entry-image>a { display: block; position: relative; width: 100%; height: auto } .small-thumbs .entry-image { float: left; width: 300px; margin: 0 30px 0 0; overflow: hidden } .small-thumbs .entry-image img { border-radius: 0 } .small-thumbs .entry-image img.image-grow { transition: all .2s ease-in-out } .small-thumbs .entry-image img.image-grow:hover { transform: scale(1.1) } .entry-c { position: relative; overflow: hidden } .small-thumbs ul.single-line-meta { margin-top: 5px; } .small-thumbs .entry-content { margin-top: 5px } .small-thumbs .entry-content p:last-child { margin-bottom: 0 } .small-thumbs #content p { line-height: 1.8 } #comments { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px dashed #EEE } #comments .comments-title, #respond .comment-reply-title { font-size: 24px; margin: 0 0 30px } .commentlist { list-style: none; padding-bottom: 50px; margin: 0 0 50px; border-bottom: 1px dashed #EEE } #reviews .commentlist { padding-bottom: 30px; margin: 0 0 20px } .commentlist ul { list-style: none } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 30px 0 0 } .commentlist ul:first-child { margin-top: 0 } .commentlist li { position: relative; margin: 30px 0 0 30px } #reviews .commentlist li { margin-top: 20px } .comment-wrap { position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px } .commentlist ul .comment-wrap { margin-left: 25px; padding-left: 20px } #reviews .comment-wrap { border: 0; padding: 10px 0 0 35px } #reviews .commentlist>li:first-child, .commentlist>li:first-child { padding-top: 0; margin-top: 0 } .commentlist li .children { margin-top: 0 } .commentlist li li .children { margin-left: 30px } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 } .commentlist li .comment-content { padding: 0 0 0 15px } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1 } .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50% } .comment-avatar img { display: block; border-radius: 50% } .commentlist li .children .comment-avatar { left: -25px } .comment-content .comment-author { margin-bottom: -10px; font-size: 16px; font-weight: 700; color: #555 } .comment-content .comment-author a { border: none; color: #333 } .comment-content .comment-author cite { position: absolute; margin-left: 5px; padding: 2px 5px; font-size: 10px; color: #fff } .comment-content .comment-author>span { display: block; margin-top: 10px } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 12px; font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; color: #AAA } body.page-template-contact .vision-row { max-width: 100%!important } #contact-form-overlay .fancy-title h3, #contact-form-overlay label { font-size: 24px; font-weight: 500; color: #555 } #contact-form-overlay-mini label, #respond label { font-family: Raleway, sans-serif; text-transform: uppercase; letter-spacing: 1px; cursor: pointer } .comment-content .comment-author span a:hover { color: #888 } .comment-reply-link, .review-comment-ratings { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0; width: 14px; height: 14px; color: #CCC; font-size: 14px; line-height: 1 } .review-comment-ratings { width: auto; color: #333 } .comment-reply-link:hover { color: #888 } .comment-awaiting-moderation { margin-top: 10px; background-color: orange; color: #fff; padding: 5px } .comment-notes { display: none } .logged-in-as { margin-bottom: 15px } #respond, #respond form { margin-bottom: 0 } #respond label { display: inline-block; font-size: 13px; font-weight: 700; color: #555; margin-bottom: 10px } #respond .col-md-4 { margin-bottom: 20px } .commentlist li #respond { margin: 30px 0 0 } .commentlist li li #respond { margin-left: 30px } #respond p { margin: 10px 0 0 } #respond p:first-child { margin-top: 0 } #respond label small { color: #999; font-weight: 400 } #respond input[type=text], #respond textarea { margin-bottom: 0 } #respond #submit { background-image: none; margin-left: 15px; color: #fff } .fb-comments, .fb-comments>span, .fb-comments>span>iframe, .fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget>span>iframe { display: block!important; width: 100%!important; margin: 0 } .entry-page-image { margin-bottom: 1rem } .template-front-page .widget-area .widget_text img { float: left; margin: .571428571rem 1.714285714rem .571428571rem 0 } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: .785714286rem; margin-left: .857142857rem } #wp-calendar, .widget_search label { line-height: 1.846153846 } #wp-calendar { margin: 0; width: 100%; font-size: .928571429rem; color: #686868 } #wp-calendar th { font-weight: 700 } #wp-calendar th[title=Sunday] { color: red } #wp-calendar td#today { font-weight: 700; color: #fff } #wp-calendar #next { padding-right: 1.714285714rem; text-align: right } .widget_search label { display: block; font-size: .928571429rem } .widget_twitter li { list-style-type: none } .widget_twitter .timesince { display: block; text-align: right } .widget.flickr { clear: both; content: ""; display: table } .widget.flickr .flickr_image { float: left; padding: 2px 2px 0; max-height: 79px } #contact-form-overlay, #contact-form-overlay-mini { position: relative; max-width: 800px; background-color: rgba(255, 255, 255, .8); padding: 40px; margin: 0 auto; z-index: 10; border-radius: 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, .15) } #contact-form-overlay-mini { float: right; width: 380px; margin: 0 } #contact-form-overlay label, #contact-form-overlay-mini label { display: inline-block; font-size: 13px; font-weight: 700; color: #555; margin-bottom: 10px } .gmap .gm-style-cc, .gmap .gmnoprint, label.error { display: none!important } label.error { margin-top: 5px; color: #E42C3E; font-weight: 400 } .form-control.error, .sm-form-control.error { border-color: #E42C3E } #google-map { position: relative; width: 100%; height: 450px } .gmap img { max-width: none!important } .gm-style .gm-style-iw h3 span { font-size: inherit; font-family: inherit } #map-overlay { position: relative; padding: 100px 0 } #map-overlay #google-map { position: absolute; height: 100%; top: 0; left: 0 } img#wpstats { display: block; margin: 0 auto 1.714285714rem } @media screen and (max-width:600px) { #wpadminbar { position: fixed } .site-header .sticky-header h1, .site-header .sticky-header nav { text-align: left } } @media screen and (max-width:992px) { #masthead .pull-left { float: left; } .sticky-header { height: auto !important } header.header_v1 hgroup { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } header.header_v1 hgroup h1 { margin-bottom: 0; } .sticky-header.sticky-header-shrink { position: relative !important } .sticky-header ul { float: none } .vision-page-title-captions { padding-bottom: 10px } .vision-page-title-captions, .vision-page-title-secondary { text-align: center; width: 100% } .vision-page-title-secondary { position: absolute; top: 60% } #primary.col-md-9 { float: none; padding: 0 } #secondary { clear: both } aside.widget { margin-top: 30px } #top-bar-wrap, .sticky-header nav { display: none!important } .top-navigation div.top-nav-menu>ul, .top-navigation ul.top-nav-menu { display: none } .mobile-menu-icons { visibility: visible; } .mobile-menu .mobile-topnav { border-top: 1px solid rgba(0, 0, 0, .1) } .portfolio-single-content .fancy-title { margin-top: 30px; } } @media screen and (min-width:200px) { .js-isotope .article-wrapper { float: none; width: 100% } } @media screen and (min-width:350px) { .js-isotope .article-wrapper { float: none; width: 100% } } @media screen and (min-width:600px) { .author-avatar { float: left; margin-top: .571428571rem } .author-description { float: right; width: 80% } .site { margin: 0 auto; overflow: hidden } .site-header h1, .site-header h2 { text-align: left } .site-header h1 { font-size: 26px; line-height: 1.5; margin-bottom: 0 } .top-navigation ul { margin: 0; text-indent: 0 } .top-navigation li, .top-navigation li a { display: inline-block; text-decoration: none } .top-navigation li a { border-bottom: 0; line-height: 3.692307692; white-space: nowrap } .top-nav-menu>li.menu-item-has-children>a:after { font-family: FontAwesome; position: relative; content: "\f107"; left: 10px } .top-nav-menu>li>ul>li.menu-item-has-children>a:after { font-family: FontAwesome; position: relative; content: "\f105"; left: 10px } .top-navigation li a:focus, .top-navigation li a:hover { color: #000 } .top-navigation>ul>li { padding-right: 27px; position: relative; margin: 0 } .top-navigation li:last-child { padding-right: 0 } .top-navigation li ul.sub-menu { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 999; max-width: 230px; width: 100%; overflow: hidden; clip: rect(1px, 1px, 1px, 1px) } .top-navigation ul.sub-menu li { margin: 0 } .top-navigation li ul.sub-sub-menu { top: 0!important; left: 100% } .top-navigation .focus>ul, .top-navigation ul li:focus>ul, .top-navigation ul li:hover>ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit } .top-navigation li ul.sub-menu li a { border-left: 3px solid transparent; border-bottom: 1px solid #ededed; display: block; font-size: 11px; line-height: 2.181818182; padding: 8px 10px; white-space: normal; width: 230px } .top-navigation li ul li a:focus, .top-navigation li ul li a:hover { color: #444 } .top-navigation .current-menu-ancestor>a, .top-navigation .current-menu-item>a, .top-navigation .current_page_ancestor>a, .top-navigation .current_page_item>a { font-weight: 700 } .top-menu-toggle { display: none } .main-navigation ul { margin: 0; text-indent: 0 } .main-navigation li, .main-navigation li a { display: inline-block; text-decoration: none } .nav-menu>li.menu-item-has-children>a:after { font-family: FontAwesome; position: relative; content: "\f107"; left: 10px } .nav-menu>li>ul>li.menu-item-has-children>a:after { font-family: FontAwesome; position: relative; content: "\f105"; left: 10px } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap } .main-navigation li a:focus, .main-navigation li a:hover { color: #000 } .main-navigation>div>ul>li { padding-right: 27px; position: relative; margin: 0 } .main-navigation li:last-child { padding-right: 0 } .main-navigation li ul.sub-menu { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 999; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px) } .main-navigation li ul ul { top: 0!important; left: 100% } .main-navigation .focus>ul, .main-navigation ul li:focus>ul, .main-navigation ul li:hover>ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit } .main-navigation li ul.sub-menu li a { border-bottom: 1px solid #ededed; display: block; font-size: 11px; line-height: 2.181818182; padding: 8px 10px; white-space: normal; width: 230px } .main-navigation li ul li a { border-left: 3px solid transparent } .main-navigation li ul li a:focus, .main-navigation li ul li a:hover { color: #444 } .main-navigation .current-menu-ancestor>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current_page_item>a { color: #636363; font-weight: 700 } .main-navigation ul.sub-menu li ul { -webkit-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; -moz-box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px; box-shadow: rgba(175, 175, 175, .74902) -2px 4px 15px -2px } .menu-toggle { display: none } .js-isotope .article-wrapper { float: none; width: 100% } .entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem } #respond form textarea.blog-textarea { width: 79.666666667% } .template-front-page .site-content, .template-front-page article { overflow: hidden } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667% } .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667% } .template-front-page .widget-area .widget:nth-child(odd) { clear: right } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto } .commentlist .children { margin-left: 3.428571429rem } } @media screen and (min-width:960px) { body { background-color: #e6e6e6 } body .site { padding: 0 20px } body.custom-background-empty .site, body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none } .js-isotope .article-wrapper { width: 29% } } @media screen and (min-width:1200px) { .js-isotope .article-wrapper { width: 30% } } @media print { .site-header h1 a, .site-header h2 a, body { color: #000 } body { background: 0 0!important; font-size: 10pt } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] " } a { text-decoration: none } .author-avatar img, .comment-content img, .entry-content img, img.wp-post-image { border-radius: 0; box-shadow: none } .site { clear: both!important; display: block!important; float: none!important; max-width: 100%; position: relative!important } .site-header { margin-bottom: 5.142857143rem; text-align: left } .site-header h1 { font-size: 21pt; line-height: 1; text-align: left } .site-header h2 { color: #000; font-size: 10pt; text-align: left } #colophon, #respond, .author-avatar, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .main-navigation, .page-link, .site-content nav, .widget-area, .wp-custom-header iframe, .wp-custom-header img, .wp-custom-header video, .wp-custom-header-video-button { display: none } .wrapper { border-top: none; box-shadow: none } .entry-header .entry-title, .entry-title { font-size: 21pt } footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt } .author-description { float: none; width: auto } .commentlist>li.comment { background: 0 0; position: relative; width: auto } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px } .comments-area article header cite, .comments-area article header time { margin-left: 3.57142857rem } abbr[title]:after { content: " (" attr(title) ")" } } .container, .container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px } #agama_background_animated { -moz-transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; height: 100%; left: 0; opacity: .25; position: fixed; top: 0; width: 100%; z-index: -1 } #agama_background_animated div { -moz-transition: opacity 3s ease, visibility 3s; -webkit-transition: opacity 3s ease, visibility 3s; -ms-transition: opacity 3s ease, visibility 3s; transition: opacity 3s ease, visibility 3s; background-size: cover; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 150% } #agama_background_animated div.visible { -moz-animation: agama_background_animated 45s linear infinite; -webkit-animation: agama_background_animated 45s linear infinite; -ms-animation: agama_background_animated 45s linear infinite; animation: agama_background_animated 45s linear infinite; opacity: 1; visibility: visible; z-index: 1 } .tooltip, body.is-loading #agama_background_animated { opacity: 0 } #agama_background_animated div.visible.top { z-index: 2 } @media screen and (max-width:1280px) { #agama_background_animated div.visible { -moz-animation: agama_background_animated 29.25s linear infinite; -webkit-animation: agama_background_animated 29.25s linear infinite; -ms-animation: agama_background_animated 29.25s linear infinite; animation: agama_background_animated 29.25s linear infinite } } @media screen and (max-width:736px) { #agama_background_animated div.visible { -moz-animation: agama_background_animated 18s linear infinite; -webkit-animation: agama_background_animated 18s linear infinite; -ms-animation: agama_background_animated 18s linear infinite; animation: agama_background_animated 18s linear infinite } } #agama_background_animated div:only-child { -moz-animation-direction: alternate!important; -webkit-animation-direction: alternate!important; -ms-animation-direction: alternate!important; animation-direction: alternate!important } @-moz-keyframes agama_background_animated { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%) } } @-webkit-keyframes agama_background_animated { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%) } } @-ms-keyframes agama_background_animated { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%) } } @keyframes agama_background_animated { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%) } } .wpb_single_image img { width: 100% } .collapse { display: none } .collapse.in { display: block } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease } abbr[title] { border-bottom: 1px dotted } @media (min-width:768px) { abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } .main-navigation div.nav-menu>ul, .main-navigation ul.nav-menu, .top-navigation div.top-nav-menu>ul, .top-navigation ul.top-nav-menu { display: inline-block!important; text-align: left; width: 100% } } @media (min-width:1200px) { .container { width: 1170px } } .row { margin-right: -15px; margin-left: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clear:after, .clear:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clear:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none!important } .affix { position: fixed } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; border-width: 5px 5px 0; border-top-color: #000 } .img-circle { border-radius: 50% } .tooltip { position: absolute; z-index: 9999; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; filter: alpha(opacity=0) } .alert .alert-link, .close { font-weight: 700 } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.top-left .tooltip-arrow { right: 5px; margin-bottom: -5px } .tooltip.top-right .tooltip-arrow { left: 5px; margin-bottom: -5px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px } .nav-justified>.dropdown .dropdown-menu, .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } .vision-tabs-widget ul li a:before, a[role=tab]:before { content: ""!important } a[role=tab] i { font-size: 14px } .vision_tabs #tabs { border-bottom: 0; overflow: hidden; list-style: none; display: table; width: 100%; padding: 0; margin: 0 } .vision_tabs #tabs li { padding: 0; display: table-cell; border-bottom: 0 } .vision_tabs .news-list li { padding: 20px 15px; overflow: hidden } .vision_tabs .news-list li div.meta { font-size: 12px; color: #6f6f6f } .nav>li, .nav>li>a { position: relative; display: block } .vision-tabs-widget #tabs li { width: 33.3333%; border: 0 } .vision_tabs #tabs li a { border: 0; background-color: #f1f2f2; text-align: center; margin-right: 1px; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; color: #636363 } .vision_tabs #tabs li a:first-child { margin-left: 1px } .vision_tabs #tabs li.active a { background: 0 0 } .tabs-widget { border: 1px solid #e3e3e3 } .tab-content ul li:last-child { border-bottom: 0 } .vision-tabs-widget div.image { float: left; width: 50px; height: 52px; margin-right: 15px } .vision-tabs-widget .post-holder p { margin: 0 } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav>li>a { padding: 10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { margin-bottom: 5px; text-align: center; margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0; border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { margin-bottom: 5px; text-align: center } caption, th { text-align: left } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } td, th { padding: 0 } thead { display: table-header-group } img, tr { page-break-inside: avoid } @media print { thead { display: table-header-group } img, tr { page-break-inside: avoid } .table { border-collapse: collapse!important } .table td, .table th { background-color: #fff!important } .table-bordered td, .table-bordered th { border: 1px solid #ddd!important } } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777 } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f5f5f5 } table col[class*=col-] { position: static; display: table-column; float: none } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } .close { float: right; font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert>p, .alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } /* SHORTCODES.css -----------------------------------------------------------------*/ .dark, .dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #EEE; } /* ---------------------------------------------------------------- Heading Styles -----------------------------------------------------------------*/ /* =Block Titles -----------------------------------------------------------------*/ .title-block { padding: 2px 0 3px 20px; border-left: 7px solid #1ABC9C; margin-bottom: 30px; } .title-block-right { padding: 2px 20px 3px 0; border-left: 0; border-right: 7px solid #1ABC9C; text-align: right; } .title-block h1, .title-block h2, .title-block h3, .title-block h4 { margin-bottom: 0; } .title-block > span { display: block; margin-top: 4px; color: #555; font-weight: 300; } .title-block h1 + span { font-size: 22px; } .title-block h2 + span { font-size: 19px; } .title-block h3 + span { font-size: 17px; } .title-block h4 + span { font-size: 15px; margin-top: 3px; } /* =Heading Block - with Subtitle -----------------------------------------------------------------*/ .heading-block { margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .emphasis-title h1, .emphasis-title h2 { font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 { font-size: 32px; } .heading-block h2 { font-size: 30px; } .heading-block h3 { font-size: 26px; } .heading-block h4 { font-size: 20px; font-weight: 700; } .heading-block > span:not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; color: #777; } .heading-block .before-heading { margin-bottom: 7px; } .heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span { max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span { font-size: 24px; } .heading-block h2 + span { font-size: 22px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 20px; } .heading-block ~ p:not(.lead) { font-size: 15px; } .heading-block:after { content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin: 30px auto 0; } .heading-block.noborder:after, .heading-block.nobottomborder:after { display: none; } .heading-block.border-color:after { border-color: #1ABC9C; } /* =Emphasis Title -----------------------------------------------------------------*/ .emphasis-title { margin: 0 0 50px; } .emphasis-title h1, .emphasis-title h2 { font-size: 64px; letter-spacing: -2px; } .emphasis-title h1 strong, .emphasis-title h2 strong { font-weight: 700; } /* =Justify Border Title -----------------------------------------------------------------*/ .fancy-title { position: relative; margin-bottom: 30px; } .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 { position: relative; display: inline-block; background-color: #FFF; padding-right: 15px; margin-bottom: 0; } .fancy-title h4, .fancy-title h5, .fancy-title h6 { padding-right: 10px; } .fancy-title.title-double-border:before, .fancy-title.title-border:before, .fancy-title.title-border-color:before { content: ''; position: absolute; width: 100%; height: 0; border-top: 3px double #E5E5E5; left: auto; top: 46%; right: 0; } .fancy-title.title-border:before { top: 49%; border-top: 1px solid #EEE; } .fancy-title.title-border-color:before { top: 49%; border-top: 1px solid #1ABC9C; opacity: 0.6; } /* =Fancy Title - Center Align -----------------------------------------------------------------*/ .title-center { text-align: center; } .title-center h1, .title-center h2, .title-center h3 { padding: 0 15px; } .title-center h4, .title-center h5, .title-center h6 { padding: 0 10px; } /* =Fancy Title - Right Align -----------------------------------------------------------------*/ .title-right { text-align: right; } .title-right h1, .title-right h2, .title-right h3 { padding: 0 0 0 15px; } .title-right h4, .title-right h5, .title-right h6 { padding: 0 0 0 10px; } /* Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 { display: block; background: transparent; padding: 0 0 10px; border-bottom: 2px solid #1ABC9C; } /* =Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .fancy-title.title-dotted-border { background: url('../img/icons/dotted.png') repeat-x center; } /* Sub Heading -----------------------------------------------------------------*/ .before-heading { display: block; margin: 0 0 5px; font-size: 16px; font-family: 'Crete Round', serif; font-style: italic; font-weight: 400; color: #999; } /* ---------------------------------------------------------------- Divider -----------------------------------------------------------------*/ .divider { position: relative; overflow: hidden; margin: 35px 0; color: #E5E5E5; width: 100%; } .divider.divider-margin { margin: 70px 0; } .divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before { content: ''; position: absolute; width: 100%; top: 8px; left: 30px; height: 0; border-top: 1px solid #EEE; } .divider.divider-thick:after, .divider.divider-center.divider-thick:before, .divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; } .divider.divider-short:after { width: 30%; } .divider.divider-vshort:after { width: 12%; } .divider i { position: relative; width: 18px; height: 18px; line-height: 1; font-size: 18px !important; text-align: center; } .divider a { position: relative; display: inline-block; color: inherit; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .divider a:hover { color: #888; } /* =Divider - Icon Align Right -----------------------------------------------------------------*/ .divider.divider-right { text-align: right; } .divider.divider-right:after { left: auto; right: 30px; } /* =Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center, .divider.divider-center.divider-short { text-align: center; } .divider.divider-center:before { left: -50% !important; right: 0; margin-left: -20px; } .divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } /* =Short Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } .divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } .divider.divider-center.divider-vshort:before, .divider.divider-center.divider-vshort:after { width: 6%; } /* =Divider - Rounded Icon -----------------------------------------------------------------*/ .divider.divider-rounded { color: #BBB; } .divider.divider-rounded:after, .divider.divider-rounded.divider-center:before, .divider.divider-rounded.divider-short:before, .divider.divider-border:after, .divider.divider-border.divider-center:before, .divider.divider-border.divider-short:before { top: 19px; left: 40px; } .divider.divider-rounded i, .divider.divider-border i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; border-radius: 50%; } .divider.divider-rounded.divider-right:after, .divider.divider-border.divider-right:after { left: auto; right: 40px; } /* =Divider - Rounded & Border -----------------------------------------------------------------*/ .divider.divider-border { color: #E5E5E5; } .divider.divider-border i { line-height: 38px; background-color: transparent; border: 1px solid #EEE; } /* =Divider - Line Only -----------------------------------------------------------------*/ .divider.divider-line:before, .divider.divider-line:after { margin-left: 0 !important; margin-right: 0 !important; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img { position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider { min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } body:not(.single-product) .slider-wrap, body:not(.single-product) .flex-control-nav, body:not(.single-product) .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;} .flexslider {position: relative;margin: 0; padding: 0;} .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;} .flexslider .slider-wrap img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slider-wrap {display: block;} * html .slider-wrap {height: 1%;} .no-js .slider-wrap > .slide:first-child {display: block;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } body:not(.single-product) .flex-control-nav { position: absolute; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } body:not(.single-product) .flex-control-nav li { float: left; display: block; margin: 0 3px; width: 10px; height: 10px; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 10px !important; height: 10px !important; border: 1px solid #FFF; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #FFF; } /* =Feature Box - Icon Large -----------------------------------------------------------------*/ .feature-box { position: relative; margin-top: 20px; padding: 0 0 0 80px; } .feature-box:first-child { margin-top: 0; } .feature-box .fbox-icon { display: block; position: absolute; width: 64px; height: 64px; top: 0; left: 0; } .feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img { display: block; position: relative; width: 100%; height: 100%; color: #FFF; } .feature-box .fbox-icon i, .feature-box .fbox-icon img { border-radius: 50%; } .feature-box .fbox-icon i { font-style: normal; font-size: 28px; text-align: center; line-height: 64px; } .feature-box h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333; } .feature-box p { margin: 8px 0 0 0; color: #999; } .feature-box .before-heading { font-size: 14px; } /* =Feature Box - Icon Large -----------------------------------------------------------------*/ .feature-box.fbox-large { padding: 0 0 0 115px; } .feature-box.fbox-large .fbox-icon { width: 96px; height: 96px; } .feature-box.fbox-large .fbox-icon i { font-size: 42px; line-height: 96px; } /* =Feature Box - Icon Outline -----------------------------------------------------------------*/ .feature-box.fbox-outline .fbox-icon { border: 1px solid #1ABC9C; border-radius: 50%; padding: 3px; } .feature-box.fbox-outline .fbox-icon i { line-height: 56px; } /* =Feature Box - Icon Outline Large -----------------------------------------------------------------*/ .feature-box.fbox-outline.fbox-large .fbox-icon { padding: 4px; } .feature-box.fbox-outline.fbox-large .fbox-icon i { line-height: 86px; } /* =Feature Box - Icon Rounded -----------------------------------------------------------------*/ .feature-box.fbox-rounded .fbox-icon { border-radius: 3px !important; } .feature-box.fbox-rounded .fbox-icon i, .feature-box.fbox-rounded .fbox-icon img { border-radius: 3px !important; } /* =Feature Box - Icon Rounded & Large -----------------------------------------------------------------*/ .feature-box.fbox-rounded.fbox-large .fbox-icon { border-radius: 4px !important; } .feature-box.fbox-rounded.fbox-large .fbox-icon i, .feature-box.fbox-rounded.fbox-large .fbox-icon img { border-radius: 4px !important; } /* =Feature Box - Light Background -----------------------------------------------------------------*/ .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; } .feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img { border: 1px solid #E5E5E5; background-color: #F5F5F5; } .feature-box.fbox-light .fbox-icon i { line-height: 62px; } .feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; } .feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; } .feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; } /* =Feature Box - Dark Background -----------------------------------------------------------------*/ .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: #444; } .feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img { background-color: #333; } /* =Feature Box - Border -----------------------------------------------------------------*/ .feature-box.fbox-border .fbox-icon { border: 1px solid #1ABC9C; border-radius: 50%; } .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img { border: none; background-color: transparent !important; color: #a2c605; } .feature-box.fbox-border .fbox-icon { padding: 0; } .feature-box.fbox-border .fbox-icon i { line-height: 62px !important; } .feature-box.fbox-border.fbox-large .fbox-icon i { line-height: 94px !important; } /* =Feature Box - Border - Light -----------------------------------------------------------------*/ .feature-box.fbox-border.fbox-light .fbox-icon { border-color: #E5E5E5; } .feature-box.fbox-border.fbox-light .fbox-icon i, .feature-box.fbox-border.fbox-light .fbox-icon img { color: #888; } /* =Feature Box - Border - Dark -----------------------------------------------------------------*/ .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: #333; } .feature-box.fbox-border.fbox-dark .fbox-icon i, .feature-box.fbox-border.fbox-dark .fbox-icon img { color: #444; } /* =Feature Box - Plain -----------------------------------------------------------------*/ .feature-box.fbox-plain .fbox-icon { border: none !important; height: auto !important; } .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img { border: none !important; background-color: transparent !important; color: #a2c605; border-radius: 0; } .feature-box.fbox-plain .fbox-icon i { font-size: 48px; line-height: 1 !important; } .feature-box.fbox-plain .fbox-icon img { height: 64px; } .feature-box.fbox-plain.fbox-image .fbox-icon { width: auto; } .feature-box.fbox-plain.fbox-image .fbox-icon img { width: auto; display: inline-block; } .feature-box.fbox-plain.fbox-small { padding-left: 42px; } .feature-box.fbox-plain.fbox-small .fbox-icon { width: 28px; } .feature-box.fbox-plain.fbox-small h3 { font-size: 15px; line-height: 26px; margin-bottom: 10px; } .feature-box.fbox-plain.fbox-small p { margin-left: -42px; } .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 28px; } .feature-box.fbox-plain.fbox-small .fbox-icon img { height: 28px; } .feature-box.fbox-plain.fbox-large .fbox-icon i { font-size: 72px; } .feature-box.fbox-plain.fbox-large .fbox-icon img { height: 96px; } .feature-box.fbox-plain.fbox-light .fbox-icon i, .feature-box.fbox-plain.fbox-light .fbox-icon img { color: #888; } .feature-box.fbox-plain.fbox-dark .fbox-icon i, .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #444; } /* =Feature Box - Center -----------------------------------------------------------------*/ .feature-box.fbox-center { padding: 0; text-align: center; } .feature-box.fbox-center.fbox-small { padding-left: 0 !important; } .feature-box.fbox-center .fbox-icon { position: relative; width: 96px; height: 96px; margin: 0 auto 30px; } .feature-box.fbox-center .fbox-icon i { font-size: 42px; line-height: 96px; } .feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; } .feature-box.fbox-center p { font-size: 14px; margin-top: 15px; } /* =Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .feature-box.fbox-center.fbox-large .fbox-icon { width: 128px; height: 128px; } .feature-box.fbox-center.fbox-large .fbox-icon i { font-size: 70px; line-height: 128px !important; } .feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i { line-height: 118px; } .feature-box.fbox-center.fbox-light .fbox-icon i { line-height: 94px; } .feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i { line-height: 86px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 114px; } .feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 94px !important; } .feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i { line-height: 126px !important; } .feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 84px; } .feature-box.fbox-center.fbox-plain .fbox-icon img { height: 96px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i { font-size: 112px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img { height: 128px; } /* =Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .feature-box.fbox-center.fbox-small .fbox-icon { width: 64px; height: 64px; } .feature-box.fbox-center.fbox-small .fbox-icon i { font-size: 28px; line-height: 64px; } .feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i { line-height: 58px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i { line-height: 54px; } .feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i { line-height: 62px !important; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i { font-size: 56px; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img { height: 64px; } .feature-box.fbox-center.fbox-small p { font-size: 14px; margin-top: 10px; } .feature-box.fbox-center.fbox-plain.fbox-small p { margin-left: 0; } /* =Feature Box - Right -----------------------------------------------------------------*/ .feature-box.fbox-right { padding: 0 80px 0 0; text-align: right; } .feature-box.fbox-right.fbox-large { padding-right: 115px; } .feature-box.fbox-right .fbox-icon { left: auto; right: 0; } .feature-box.fbox-right.fbox-plain.fbox-small { padding: 0 42px 0 0; } .feature-box.fbox-right.fbox-plain.fbox-small p { margin: 0 -42px 0 0; } /* =Feature Box - Subtitle -----------------------------------------------------------------*/ .feature-box h3 + .fbox-icon { margin-top: 20px !important; } .feature-box h3 span.subtitle { display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; } .feature-box.fbox-center:not(.fbox-bg) h3:after { content: ''; display: block; margin: 20px auto; width: 30px; border-top: 2px solid #555; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .feature-box.fbox-center:not(.fbox-bg):hover h3:after { width: 50px; } .feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; } .feature-box.fbox-center.fbox-italic p { font-style: italic; font-family: 'Lato', sans-serif; } /* =Feature Box - Background -----------------------------------------------------------------*/ .feature-box.fbox-bg.fbox-center { margin-top: 68px; padding: 68px 30px 30px; background-color: #FFF; border: 1px solid #E5E5E5; border-radius: 5px; } .feature-box.fbox-bg.fbox-center:first-child { margin-top: 48px; } .feature-box.fbox-bg.fbox-center.fbox-large { margin-top: 84px; padding-top: 84px; } .feature-box.fbox-bg.fbox-center.fbox-large:first-child { margin-top: 64px; } .feature-box.fbox-bg.fbox-center .fbox-icon { position: absolute; top: -48px; left: 50%; margin: 0 0 0 -48px; } .feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon { top: -64px; left: 50%; margin-left: -64px; } .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #FFF; } /* =Animated Icon Hovers -----------------------------------------------------------------*/ .fbox-effect .fbox-icon i { z-index: 1; } .fbox-effect .fbox-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; } .fbox-effect .fbox-icon i { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .fbox-effect .fbox-icon i:after { top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #333; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.3s, opacity 0.3s; transform: scale(.8); opacity: 0; } .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i { background-color: #333; color: #FFF; } .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; } .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; } .fbox-effect .fbox-icon i:hover:after, .fbox-effect:hover .fbox-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* =Icon Effects - Bordered -----------------------------------------------------------------*/ .fbox-border.fbox-effect .fbox-icon i { -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; } .fbox-border.fbox-effect .fbox-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; box-shadow: none; background-image: url('../img/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; } .fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i { color: #FFF; box-shadow: 0 0 0 1px #333; } .fbox-border.fbox-effect .fbox-icon i:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; background-color: #333; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #1ABC9C; } .fbox-border.fbox-effect .fbox-icon i:hover:after, .fbox-border.fbox-effect:hover .fbox-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* =Media Featured Box -----------------------------------------------------------------*/ .feature-box.media-box { padding: 0; } .feature-box.media-box .fbox-media { margin: 0 0 25px; } .feature-box.media-box .fbox-media, .feature-box.media-box .fbox-media a, .feature-box.media-box .fbox-media img { position: relative; display: block; width: 100%; height: auto; } .feature-box.media-box .fbox-media iframe { display: block; } .feature-box.media-box p { margin-top: 17px; } .feature-box.media-box.fbox-bg .fbox-media { margin: 0; } .feature-box.media-box.fbox-bg .fbox-desc { padding: 25px; background-color: #FFF; border: 1px solid #E5E5E5; border-top: 0; border-radius: 0 0 5px 5px; } .feature-box.media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; } /* =Heading Block - with Subtitle -----------------------------------------------------------------*/ .heading-block { margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { font-family: 'Raleway', sans-serif; margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .emphasis-title h1, .emphasis-title h2 { font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 { font-size: 32px; } .heading-block h2 { font-size: 30px; } .heading-block h3 { font-size: 26px; } .heading-block h4 { font-size: 20px; font-weight: 700; } .heading-block > span:not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; color: #777; } .heading-block .before-heading { margin-bottom: 7px; } .heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span { max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span { font-size: 24px; } .heading-block h2 + span { font-size: 22px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 20px; } .heading-block ~ p:not(.lead) { font-size: 15px; } .heading-block:after { content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin: 30px auto 0; } .heading-block.noborder:after, .heading-block.nobottomborder:after { display: none; } .heading-block.border-color:after { border-color: #1ABC9C; } /* =Sections -------------------------------------------------------------- */ .section { position: relative; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; overflow: hidden; } .parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; } .mobile-parallax, .video-placeholder { background-size: cover !important; background-attachment: scroll !important; background-position: center center; } .section .container { z-index: 2; } .section .container + .video-wrap { z-index: 1; } .revealer-image { position: relative; bottom: -100px; transition: bottom .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; } .section:hover .revealer-image { bottom: -50px; } /* =Counter -------------------------------------------------------------- */ .counter { font-size: 42px; font-weight: 600; font-family: 'Raleway', sans-serif; text-align: center; } .counter.counter-small { font-size: 28px; } .counter.counter-large { font-size: 56px; } .counter.counter-xlarge { font-size: 64px; font-weight: 400; } .counter.counter-inherit { font-size: inherit; font-weight: inherit; } .counter i { display: block; } .counter h5 { font-weight: 300; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; } .counter.counter-lined h5:before { display: block; position: relative; margin: 20px auto 25px auto; content: ''; width: 15%; border-top: 2px solid #444; opacity: 0.9; } .counter.counter-small h5 { font-size: 13px; } .counter.counter-large h5, .counter.counter-xlarge h5 { font-size: 15px; font-weight: 300; } .widget .counter + h5 { opacity: 0.7; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients-grid, .testimonials-grid { list-style: none; overflow: hidden; } .clients-grid li, .testimonials-grid li { float: left; position: relative; width: 20%; padding: 20px 0; } .clients-grid.grid-2 li { width: 50%; padding: 25px 0; } .clients-grid.grid-3 li { width: 33.33%; } .clients-grid.grid-4 li { width: 25%; } .clients-grid.grid-6 li { width: 16.66%; } .clients-grid li a { opacity: 0.6; } body:not(.device-touch) .clients-grid li a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .clients-grid li a:hover { opacity: 1; } .clients-grid li a, .clients-grid li img { display: block; width: 75%; margin-left: auto; margin-right: auto; } .clients-grid li a img { width: 100%; } .clients-grid li:before, .clients-grid li:after, .testimonials-grid li:before, .testimonials-grid li:after { content: ''; position: absolute; } .clients-grid li:before, .testimonials-grid li:before { height: 100%; top: 0; left: -1px; border-left: 1px dashed #DDD; } .clients-grid li:after, .testimonials-grid li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #DDD; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ /* Testimonials - Grid -----------------------------------------------------------------*/ .testimonials-grid li { width: 50%; padding: 25px; } .testimonials-grid.grid-3 li { width: 33.33%; } .testimonials-grid li .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Testimonials - Item -----------------------------------------------------------------*/ .testimonial { position: relative; padding: 20px; background-color: #FFF; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .testi-image { float: left; margin-right: 15px; } .testi-image, .testi-image a, .testi-image img, .testi-image i { display: block; width: 64px; height: 64px; } .testi-image i { text-align: center; background-color: #EEE; border-radius: 50%; line-height: 64px; font-size: 28px; color: #888; text-shadow: 1px 1px 1px #FFF; } .testi-image img { border-radius: 50%; } .testi-content { position: relative; overflow: hidden; } .testi-content p { margin-bottom: 0; font-family: 'Crete Round', serif; font-style: italic; } .testi-content p:before, .testi-content p:after { content: '"'; } .testi-meta { margin-top: 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; } .testi-meta:before { content: '\2013'; } .testi-meta span { display: block; font-weight: normal; color: #999; font-size: 12px; text-transform: none; padding-left: 10px; } /* Twitter - Small Scroller -----------------------------------------------------------------*/ .testimonial.twitter-scroll .testi-content p:before, .testimonial.twitter-scroll .testi-content p:after, .testimonial.twitter-scroll .testi-meta:before { content: ''; } .testimonial.twitter-scroll .testi-meta span { padding-left: 0; } .testimonial.twitter-scroll .testi-meta span a { color: #999; } .testimonial.twitter-scroll .testi-meta span a:hover { color: #222; } /* Testimonials - Full Width -----------------------------------------------------------------*/ .testimonial.testimonial-full { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; } .testimonial-full .testi-image { float: none; margin: 0 auto 20px; } .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i { display: block; width: 72px; height: 72px; } .testimonial-full .testi-image i { line-height: 72px; } .testimonial-full .testi-content { text-align: center; font-size: 18px; } .testimonial-full .testi-meta { margin-top: 15px; } .testimonial-full .testi-meta span { padding-left: 0; } /* Testimonial - Section Scroller -----------------------------------------------------------------*/ .section > .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 800px; margin: 0 auto; } .section > .testimonial[data-animation="fade"] { padding: 0; } .section > .testimonial .testi-content { font-size: 22px; } .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span { font-size: 14px; } /* Testimonial - Pagination -----------------------------------------------------------------*/ .testimonial .flex-control-nav { top: auto; bottom: 6px; right: 0; } .testimonial .flex-control-nav li { margin: 0 2px; width: 6px; height: 6px; } .testimonial .flex-control-nav li a { width: 6px !important; height: 6px !important; border: none; background-color: #a2c605; opacity: 0.5; } .testimonial .flex-control-nav li:hover a { opacity: 0.75; } .testimonial .flex-control-nav li a.flex-active { opacity: 1; } /* Testimonial - Full Scroller -----------------------------------------------------------------*/ .testimonial.testimonial-full .flex-control-nav { position: relative; top: 0; bottom: 0; right: 0; left: 0; height: 6px; margin-top: 20px; } .testimonial.testimonial-full .flex-control-nav li { display: inline-block; float: none; } /* ---------------------------------------------------------------- Owl Carousel CSS -----------------------------------------------------------------*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out } .owl-carousel { display:none; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; -webkit-backface-visibility: hidden; } .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0px,0,0); cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-loaded { display:block } .owl-carousel.owl-loading { display:block; min-height: 100px; background: url('../img/preloader.gif') no-repeat center center } .owl-carousel.owl-hidden { opacity:0 } .owl-carousel .owl-refresh .owl-item { display:none } .owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d; } #slider .owl-carousel .owl-item img { -webkit-backface-visibility: hidden; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto } .owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab } .owl-carousel.owl-rtl { direction:rtl } .owl-carousel.owl-rtl .owl-item { float:right } .no-js .owl-carousel { display:block } .owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-item img { transform-style:preserve-3d } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#111 } .owl-carousel .owl-video-play-icon { position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url("../img/icons/play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3,1.3); -o-transition:scale(1.3,1.3); transition:scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-video-frame { position:relative; z-index:1 } /* Owl Carousel - Controls -----------------------------------------------------------------*/ .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } /* Owl Carousel - Controls - Arrows -----------------------------------------------------------------*/ .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; margin-top: -18px; left: -36px; zoom: 1; width: 36px; height: 36px; line-height: 32px; border: 1px solid rgba(0,0,0,0.2); color: #666; background-color: #FFF; font-size: 18px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -39px; } .owl-carousel-full .owl-controls .owl-nav [class*=owl-] { margin-top: -30px; left: 0 !important; height: 60px; line-height: 60px; border: none; color: #EEE; background-color: rgba(0,0,0,0.4); font-size: 28px; border-radius: 0 3px 3px 0; } .owl-carousel-full .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -46px; } .owl-theme .owl-controls .owl-nav .owl-next { left: auto; right: -36px; } .owl-carousel-full .owl-controls .owl-nav .owl-next { left: auto !important; right: 0 !important; border-radius: 3px 0 0 3px; } .owl-theme:hover .owl-controls .owl-nav [class*=owl-] { opacity: 1; left: -18px; } .owl-theme:hover .owl-controls .owl-nav .owl-next { left: auto; right: -18px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { color: #FFF !important; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { display: none !important; } /* Owl Carousel - Controls - Dots -----------------------------------------------------------------*/ .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; margin-top: 30px; *display: inline; } .owl-theme .owl-dots .owl-dot span { display: block; width: 8px; height: 8px; margin: 0 4px; opacity: 0.5; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { opacity: 1; } /* = RESPONSIVE.css -----------------------------------------------------------------*/ @media (min-width: 1200px) { .container { width: 1100px; } } @media (min-width: 992px) and (max-width: 1199px) { #page-title .container { width: 100% !important; } /* =Portfolio -----------------------------------------------------------------*/ .portfolio-item { width: 226px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { width: 226px; height: 170px; } /* =Portfolio - Items - 1 Column -----------------------------------------------------------------*/ .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img { width: 560px; height: 339px; } .portfolio-1 .portfolio-desc { width: 340px; } .bothsidebar #portfolio-shuffle, .postcontent .portfolio-1 .iconlist { display: none; } .postcontent .portfolio-1 .portfolio-item .portfolio-image, .postcontent .portfolio-1 .portfolio-item .portfolio-image a, .postcontent .portfolio-1 .portfolio-item .portfolio-image img { width: 400px; height: 222px; } .postcontent .portfolio-1 .portfolio-desc { width: 250px; padding: 0; } .bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-desc { float: none; margin: 0 !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img { width: 100%; height: auto; } .bothsidebar .portfolio-1 .portfolio-desc { width: 100%; padding: 0; } /* =Portfolio - Items - 2 Columns -----------------------------------------------------------------*/ .portfolio-2 .portfolio-item { width: 460px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 460px; height: auto; } /* =Portfolio - Items - 3 Columns -----------------------------------------------------------------*/ .portfolio-3 .portfolio-item { width: 303px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 100%; height: auto; } /* =Portfolio - Items - 4 Columns -----------------------------------------------------------------*/ .portfolio-4 .portfolio-item { width: 220px; } .portfolio-4 .portfolio-item .portfolio-image, .portfolio-4 .portfolio-item .portfolio-image a, .portfolio-4 .portfolio-item .portfolio-image img { width: 100%; height: auto; } } @media (max-width: 991px) { /* = Frontpage Boxes -----------------------------------------------------------------*/ #frontpage-boxes div[class*="fbox"] { margin-bottom: 40px; } #frontpage-boxes div[class*="fbox"]:last-child { margin-bottom: 0; } /* =Portfolio - Items -----------------------------------------------------------------*/ #portfolio:not(.portfolio-1) { margin: 0 -12px -12px 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item { width: 232px; margin: 0 12px 12px 0; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 100%; height: auto; } /* =Portfolio - Items - 1 Column -----------------------------------------------------------------*/ #portfolio.portfolio-1 .portfolio-item .portfolio-image { float: none !important; margin: 0 !important; margin-bottom: 10px !important; } #portfolio.portfolio-1 .portfolio-item .portfolio-image, #portfolio.portfolio-1 .portfolio-item .portfolio-image a, #portfolio.portfolio-1 .portfolio-item .portfolio-image img { width: 100%; height: auto; } #portfolio.portfolio-1 .portfolio-desc { width: 100%; } /* =Portfolio - Items - 4 Columns -----------------------------------------------------------------*/ .portfolio-4 .portfolio-item { width: 165px !important; } .portfolio-4 .portfolio-item .portfolio-image, .portfolio-4 .portfolio-item .portfolio-image a, .portfolio-4 .portfolio-item .portfolio-image img { width: 100%; height: auto; } /* = WooCommerce -----------------------------------------------------------------*/ .custom_cart_button.single_button .button.show_details_button { margin-top: 20px; float: left; } } @media (min-width: 480px) and (max-width: 767px) { /* =Portfolio - Items -----------------------------------------------------------------*/ #portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; } #portfolio:not(.portfolio-1) .portfolio-item { margin: 0 6px 6px 0; } /* =Portfolio - Items - 5 & 6 Columns -----------------------------------------------------------------*/ #portfolio:not(.portfolio-1) .portfolio-item { width: 217px; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 100%; height: auto; } /* =Portfolio - Items - 5 & 6 Columns - No Margin -----------------------------------------------------------------*/ #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item { width: 219px; } #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 100%; height: auto; } /* =Portfolio - Items - Descriptions -----------------------------------------------------------------*/ #portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; } #portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 16px; } #portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 14px; } #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-desc { height: 78px; padding: 15px 5px; bottom: -79px; } #portfolio.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc, #portfolio.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc { bottom: -78px; border-bottom: 0; } /* =Portfolio - Items - Overlay -----------------------------------------------------------------*/ #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon, #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important; } #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon { margin-left: 5px !important; margin-right: 0 !important; } /* =Portfolio - Items - 1 Column -----------------------------------------------------------------*/ .portfolio-1 .portfolio-item .portfolio-image { float: none !important; margin: 0 !important; margin-bottom: 10px !important; } .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img { width: 100%; height: auto; } .portfolio-1 .portfolio-desc { width: 100%; } } @media (max-width: 767px) { body.vision-404 h1.entry-title { font-size: 20px !important; } body.vision-404 .entry-content p.desc-404 { font-size: 15px !important; } body.vision-404 .entry-content p.num-404 { font-size: 140px !important; } .button.button-xlarge { font-size: 16px !important; padding: 0 22px !important; height: 40px !important; line-height: 40px !important; } #main-wrapper { max-width: 767px !important; box-shadow: none !important; } #page { padding: 0 30px; } #primary { padding: 0 !important; } #primary #content { max-width: 100% !important; } .sticky-header { box-shadow: none !important; -webkit-box-shadow: none !important; } /* = Slider -----------------------------------------------------------------*/ #agama_slider h2.slide-title { font-size: 36px !important; } /* = Breadcrumb -----------------------------------------------------------------*/ #page-title .container { text-align: center; width: 100% !important; } #page-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 15px 0 0 !important; } /* = Frontpage Boxes -----------------------------------------------------------------*/ #frontpage-boxes .col-md-3 { margin-bottom: 30px; } /* = Blog Articles -----------------------------------------------------------------*/ .list-style article .entry-date { display: none; } .list-style article .entry-content { margin-left: 0 !important; } nav.nav-single a { font-size: 10px; } .si-share span { display: none; } /* = Blog Small Thumbs Layout -----------------------------------------------------------------*/ .small-thumbs .entry-image { float: none; width: 100%; margin-bottom: 10px; } /* = WooCommerce -----------------------------------------------------------------*/ ul.products:not(.columns-1) li { width: 48% !important; } ul.products li:nth-child(even) { margin-right: 0 !important; } .custom_cart_button.single_button .button.show_details_button { margin-top: 0 !important; float: right !important; } .woocommerce .col2-set .col-1, .woocommerce-cart .cart_totals, .woocommerce-cart .update_cart, .woocommerce-page .col2-set .col-2 { width: 100%; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: right !important; } .woocommerce ul.columns-3 > li.last { margin-right: 2.4% !important; } ul.products { padding: 0 15px !important; } .filter_param.filter_param_order { width: 83% !important; } .filter_param.filter_param_sort { margin-right: 0 !important; } .filter_param.filter_param_count { margin-right: 0 !important; width: 100%; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { text-align: center; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { line-height: 18px; padding: 31px 0px !important; text-align: center; } .shop_table th, td.product-name, td.product-price, td.product-subtotal { font-size: 11px !important; } .product-thumbnail, .product_thumb_wrapper, .user_current_cart .product-remove { display: none; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { width: 11.5px !important; height: 11.5px !important; line-height: 11.5px !important; font-size: 11px !important; } .woocommerce-cart .quantity input.minus, .woocommerce-cart .quantity input.plus { display: none; } .woocommerce-cart .update_cart { float: left; margin-top: 10px !important; padding: 0 5px; } .woocommerce-cart .coupon { width: 100%; margin: 0 !important; padding: 0 5px; } .woocommerce-cart .coupon input { margin-right: 0 !important; width: 100% !important; } .woocommerce-cart .coupon input[type=submit] { margin-top: 10px !important; } .woocommerce-cart .update_cart input { width: 100%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; } .wc-proceed-to-checkout .checkout-button { width: 100%; text-align: center; } .single-product .images { float: none; width: 100% !important; } .single-product .woocommerce-main-image img { width: 100%; } .single-product .thumbnails { display: none; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { float: none !important; width: 100% !important; } .woocommerce div.product div.summary p.stock, .woocommerce #content div.product div.summary p.stock, .woocommerce-page div.product div.summary p.stock, .woocommerce-page #content div.product div.summary p.stock { font-size: 10px !important; text-align: right !important; } .single-product .woocommerce-variation-availability p.stock { text-align: left !important; } .single-product form.cart .quantity { margin-right: 10px !important; } .single-product form.cart .quantity .qty { width: 35px !important; padding: 10px !important; } .single-product .quantity .plus, .single-product .quantity .minus { width: 30px !important; } .woocommerce-tabs .tabs { width: 100% !important; } .woocommerce-tabs .tabs li { float: none !important; } /* = Footer -----------------------------------------------------------------*/ footer .footer-sub-wrapper .col-md-6 { text-align: center; } footer .footer-sub-wrapper .col-md-6:nth-child(2) { padding-top: 20px; } } @media (max-width: 479px) { .sticky-header .pull-left { float: none; } header h1.site-title a { width: 100%; text-align: center; } .header_v1 nav.mobile-menu { clear: both; } .button.button-xlarge { font-size: 12px !important; padding: 0 5px !important; } /* = Slider -----------------------------------------------------------------*/ #agama_slider h2.slide-title { font-size: 28px !important; } .container { width: 310px !important; } /* = Portfolio -----------------------------------------------------------------*/ #portfolio-filter li { width: 50%; } #portfolio:not(.portfolio-1) { margin: 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item { width: 250px; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 250px; height: auto; } /* = WooCommerce -----------------------------------------------------------------*/ ul.products li { width: 100% !important; margin-right: 0 !important; } /* = reCaptcha -----------------------------------------------------------------*/ body.page-template-contact .g-recaptcha { transform:scale(0.67); -webkit-transform:scale(0.67); transform-origin:0 0; -webkit-transform-origin:0 0; } #contact-form-overlay .fancy-title h3 { font-size: 100%; font-weight: bold; } }