/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* background-color: #ff4081; - pink background-color: #9b26af; - purple background-color: #3e50b4; - indigo background-color: #f39c12; - orange */ /* ===========_______________________________ START - [NULLED v1.0] Styles ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] Core Styles ________________________________________=========== */ /* start - Base Styles [NULLED v1.0] ----------------------------------------------------------------- */ /* end - Base Styles [NULLED v1.0] ----------------------------------------------------------------- */ /* start - Base Menu Styles [NULLED v1.0] ----------------------------------------------------------------- */ /* end - Base Menu Styles [NULLED v1.0] ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] Core Styles ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] Section Styles ________________________________________=========== */ /* start - Header Colors [NULLED v1.0] ----------------------------------------------------------------- */ /* end - Header Colors [NULLED v1.0] ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] Section Styles ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] Styles ________________________________________=========== */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { /* 1 */ -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ===========_______________________________ START - [NULLED v1.0] BODY/HTML ________________________________________=========== */ body { line-height: 0; } body * { line-height: 1.7em; } p { margin: 0 0 15px 0; } a { text-decoration: none; } /* ===========_______________________________ END - [NULLED v1.0] BODY/HTML ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CLEAR SET ________________________________________=========== */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: "."; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ===========_______________________________ END - [NULLED v1.0] CLEAR SET ________________________________________=========== */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ===========_______________________________ START - [NULLED v1.0] TYPO PREVIEW ________________________________________=========== */ .jf_typo_preview { position: relative; margin: 0 -20px 0 -20px; padding: 50px 30px; border-bottom: 30px solid #EEE; } .jf_typo_preview:first-child { border-top: 30px solid #EEE; margin-top: 30px; } .jf_typo_preview:last-child { border-bottom: 0; } .jf_typo_preview:before, .jf_typo_preview:after { content: ""; display: table; clear: both; } .jf_typo_preview .jf_typo_title { text-align: left; font-size: 22px; line-height: 0; margin: 0; padding: 0 0 40px 0; position: relative; } .jf_typo_preview .jf_typo_title span { display: inline-block; position: relative; z-index: 1; padding: 10px 30px; background: #eaeaea; } .jf_typo_preview .jf_typo_title span::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eaeaea rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); bottom: -10px; left: 0; } .jf_typo_preview .jf_typo_content { padding: 0 30px; } /* ===========_______________________________ END - [NULLED v1.0] TYPO PREVIEW ________________________________________=========== */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ===========_______________________________ START - [NULLED v1.0] CORE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] GLOBAL TAGS ________________________________________=========== */ body { font-size: 14px; } a { color: #3e50b4; text-decoration: none; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover, a:focus { color: #666666; text-decoration: none; } a.kwho-user { color: #3e50b4 !important; } b, strong { font-weight: 600; } hr { border-bottom: 4px solid #f0f2f4; border-left: none; border-right: none; border-top: none; margin: 0; } pre { background: #333; border: 1px solid #fff; border-left: 5px solid #ddd; color: #fff; text-shadow: none; font-size: 14px; padding: 20px; } code { background: #333; color: #fff; text-shadow: none; padding: 3px 6px; } .well { background: 0; border: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .padding5 { padding: 5px; } .padding10 { padding: 10px; } .padding15 { padding: 15px; } .padding20 { padding: 20px; } .padding100 { padding: 100px; } .padding05 { padding: 0 5px; } .padding010 { padding: 0 10px; } .padding015 { padding: 0 15px; } .padding_5_0 { padding: 5px 0; } .padding_10_0 { padding: 10px 0; } .padding_15_0 { padding: 15px 0; } .padding_100_0 { padding: 100px 0; } .small_sep { clear: both; position: relative; width: 30px; overflow: hidden; display: block; height: 2px; } .small_sep:after { content: ""; width: 100%; height: 100%; background: #3e50b4; display: block; } .small_sep.middle:after { margin: 0 auto; } .small_sep.right:after { margin: 0 0 auto auto; } .small_sep.white:after { background: #fff; } /* ===========_______________________________ END - [NULLED v1.0] GLOBAL TAGS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] HEADINGS ________________________________________=========== */ h1, h2, h3, h4, h5, h6 { margin: 12px 0 24px; text-rendering: optimizelegibility; color: #4d4d4d; font-weight: 500; border: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 12px; } h1 { font-size: 2.25rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.15rem; } h5 { font-size: 1rem; } h6 { font-size: 0.85rem; } /* ===========_______________________________ END - [NULLED v1.0] HEADINGS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BUTTONS ________________________________________=========== */ button { font-weight: 500; text-shadow: none; box-shadow: none; border: 0; outline: 0; font-size: 14px; line-height: 20px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: inherit; background: inherit; } button.disabled, button[disabled] { background: #ccc; } /* ===========_______________________________ END - [NULLED v1.0] BUTTONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BLOCKQUOTES ________________________________________=========== */ blockquote { padding: 15px 30px; margin: 0 0 30px; font-style: italic; font-size: 14px; border: 5px solid #ddd; border-width: 0 0 0 5px; direction: ltr; color: initial; } blockquote p { margin: 0; font-size: 14px; color: initial; } blockquote small { display: block; font-size: 80%; line-height: 1.618; color: #777; margin: 10px 0 0 0; } blockquote cite { display: inline-block; font-size: 1em; } blockquote.pull-right { border-width: 0 5px 0 0; } /* ===========_______________________________ END - [NULLED v1.0] BLOCKQUOTES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TABLES ________________________________________=========== */ table { border: 1px solid #EAEAEA; border-width: 1px 0 0 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); background: #fff; } table > thead > tr > th { padding: 12px 24px; border-bottom: 1px solid #eee; background: 0; color: inherit; font-weight: 600; } table > thead td { vertical-align: middle; } table td { border: 0; } table > tbody > tr > td, table > tfoot > tr > td, table > tbody > tr > th, table > tfoot > tr > th { padding: 12px 24px; } table.striped > tbody > tr:nth-child(odd) > td, table.striped > tbody > tr:nth-child(odd) > th { background-color: #F6F6F7; } table.hover > tbody > tr:hover { background-color: #eee; } table.bordered th, table.bordered td, table.table-bordered th, table.table-bordered td { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } table.table-bordered caption + thead tr:first-child th, table.table-bordered caption + tbody tr:first-child th, table.table-bordered caption + tbody tr:first-child td, table.table-bordered colgroup + thead tr:first-child th, table.table-bordered colgroup + tbody tr:first-child th, table.table-bordered colgroup + tbody tr:first-child td, table.table-bordered thead:first-child tr:first-child th, table.table-bordered tbody:first-child tr:first-child th, table.table-bordered tbody:first-child tr:first-child td { border-top: 0; } table.table-bordered > thead > tr > th { border-bottom: 0; } table tfoot td { vertical-align: middle; } /* ===========_______________________________ END - [NULLED v1.0] TABLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] FORMS GLOBAL ________________________________________=========== */ input[type="radio"][disabled], input[type="checkbox"][disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } fieldset { border: 0; margin: 0; padding: 0; } .form-actions { background-color: rgba(0, 0, 0, 0); border-top: 0; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border: 2px solid #c09853; color: #c09853; } .control-group.error input, .control-group.error select, .control-group.error textarea { border: 2px solid #b94a48; color: #b94a48; } .control-group.info input, .control-group.info select, .control-group.info textarea { border: 2px solid #3a87ad; color: #3a87ad; } .control-group.success input, .control-group.success select, .control-group.success textarea { border: 2px solid #468847; color: #468847; } /* ===========_______________________________ END - [NULLED v1.0] FORMS GLOBAL ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CHECKBOXES ________________________________________=========== */ input[type="checkbox"], input[type="radio"] { margin: 0 4px; display: inline; opacity: 1; } input[type="checkbox"].hide, input[type="radio"].hide { display: none !important; } /* ===========_______________________________ END - [NULLED v1.0] CHECKBOXES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] INPUTS ________________________________________=========== */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { height: 38px; color: inherit; outline: 0; position: relative; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4; border: 0; box-shadow: none; font-size: 14px; padding: 12px 15px; line-height: 23px; margin: 0; min-width: 150px; -webkit-transition: box-shadow 0.3s ease; -khtml-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(0, 0, 0, 0); -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 -2px 0 #3e50b4; -khtml-box-shadow: inset 0 -2px 0 #3e50b4; -moz-box-shadow: inset 0 -2px 0 #3e50b4; -ms-box-shadow: inset 0 -2px 0 #3e50b4; -o-box-shadow: inset 0 -2px 0 #3e50b4; box-shadow: inset 0 -2px 0 #3e50b4; } input[type="text"][disabled], input[type="password"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], .uneditable-input[disabled] { background: #ddd; } .input-append, .input-prepend { margin-bottom: 0; } .input-append .add-on, .input-prepend .add-on { padding: 8px; border: 0; height: 38px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; line-height: 24px; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { -webkit-box-shadow: inset 0 -2px 0 #e9322d; -khtml-box-shadow: inset 0 -2px 0 #e9322d; -moz-box-shadow: inset 0 -2px 0 #e9322d; -ms-box-shadow: inset 0 -2px 0 #e9322d; -o-box-shadow: inset 0 -2px 0 #e9322d; box-shadow: inset 0 -2px 0 #e9322d; } /* ===========_______________________________ END - [NULLED v1.0] INPUTS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TEXTAREAS ________________________________________=========== */ textarea { padding: 12px 15px; color: inherit; background: #f4f4f4; border: 0; outline: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; width: auto; -webkit-transition: box-shadow 0.3s ease; -khtml-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } textarea:focus { border-color: rgba(0, 0, 0, 0); -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 -2px 0 #3e50b4; -khtml-box-shadow: inset 0 -2px 0 #3e50b4; -moz-box-shadow: inset 0 -2px 0 #3e50b4; -ms-box-shadow: inset 0 -2px 0 #3e50b4; -o-box-shadow: inset 0 -2px 0 #3e50b4; box-shadow: inset 0 -2px 0 #3e50b4; } textarea:focus ~ label { color: inherit; } textarea[disabled] { background: #ddd; } /* ===========_______________________________ END - [NULLED v1.0] TEXTAREAS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SELECTS ________________________________________=========== */ select { background-color: #f4f4f4; padding: 5px; border: 0; border-radius: 2px; height: 36px; } select option { background-color: rgba(255, 255, 255, 0.9); } select[multiple="multiple"] { height: auto; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } select[multiple="multiple"] option { background-color: rgba(255, 255, 255, 0); } /* ===========_______________________________ END - [NULLED v1.0] SELECTS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] COLUMNS ________________________________________=========== */ .jf_col_fluid { margin: 0 0 20px 0; } .jf_col_fluid:after { content: ""; display: table; clear: both; } .jf_col_fluid [class*="col-"] { float: left; padding-right: 20px; } .jf_col_fluid .last { padding-right: 0; } .jf_col_fluid .col-1 { width: 100%; } .jf_col_fluid .col-2-3 { width: 66.66666%; } .jf_col_fluid .col-1-3 { width: 33.33333%; } .jf_col_fluid .col-1-2 { width: 50%; } .jf_col_fluid .col-1-4 { width: 25%; } .jf_col_fluid .col-1-5 { width: 20%; } .jf_col_fluid .col-1-6 { width: 16.6666%; } .jf_col_fluid .col-1-7 { width: 14.2857142857%; } .jf_col_fluid .col-1-8 { width: 12.5%; } .jf_col_fluid.no_paddings [class*="col-"] { padding-right: 0; } @media only screen and (max-width: 767px) { .jf_col_fluid [class*="col-"] { padding-right: 0; } .jf_col_fluid .col-2-3, .jf_col_fluid .col-1-3, .jf_col_fluid .col-1-2, .jf_col_fluid .col-1-4, .jf_col_fluid .col-1-5, .jf_col_fluid .col-1-6, .jf_col_fluid .col-1-7, .jf_col_fluid .col-1-8 { width: 100%; } } /* ===========_______________________________ END - [NULLED v1.0] COLUMNS ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] CORE ________________________________________=========== */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ===========_______________________________ START - [NULLED v1.0] COLUMNS ________________________________________=========== */ .show-grid .row-fluid { margin: 0 0 20px 0; } .show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; } /* ===========_______________________________ END - [NULLED v1.0] COLUMNS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BUTTONS ________________________________________=========== */ .button { padding: 8px 22px; font-weight: 500; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; text-shadow: none; background: #3e50b4; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: 0; outline: 0; font-size: 14px; line-height: 20px; color: #fff; } .button:hover { background: #3e50b4; } .button:focus, .button:active { background: #242e68; } .btn { padding: 8px 22px; font-weight: 500; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; text-shadow: none; background: #eee; box-shadow: none; border: 0; outline: 0; font-size: 14px; line-height: 20px; color: #666666; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn.active, .btn:active { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -khtml-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); } .btn:hover, .btn:focus { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline: 0; } .btn:hover, .btn:focus, .btn:active, .btn.active { background: #eee; } .btn.disabled, .btn[disabled] { background: #ccc; } .btn [class^="icon-"], .btn [class*=" icon-"] { margin: 0 2px; vertical-align: middle; } .btn.btn-primary, .btn.btn-danger, .btn.btn-warning, .btn.btn-success, .btn.btn-info, .btn.btn-inverse { color: #fff; } .btn.btn-primary { background-color: #3e50b4; } .btn.btn-danger { background-color: #da4f49; } .btn.btn-warning { background-color: #faa732; } .btn.btn-success { background-color: #5bb75b; } .btn.btn-info { background-color: #49afcd; } .btn.btn-inverse { background-color: #363636; } .btn .caret { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 8px 0px 0px 4px; } .btn.btn-large { padding: 12px 26px; font-size: 17.5px; } .btn.btn-mini { padding: 4px 20px; font-size: 10.5px; } .btn-group.open .dropdown-toggle, .btn-group.open .btn-primary.dropdown-toggle, .open > .btn, .btn-group.open > .btn + .dropdown-toggle { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -khtml-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14); } .btn-group.open .btn-primary.dropdown-toggle { background: #313f8e; } .open > .btn .caret { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: rotate(50%); -khtml-transform-origin: rotate(50%); -moz-transform-origin: rotate(50%); -ms-transform-origin: rotate(50%); -o-transform-origin: rotate(50%); transform-origin: rotate(50%); margin: 8px 8px 8px 12px; } .btn-group > .btn { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; } .btn-group > .btn:first-child { -webkit-border-radius: 30px 0 0 30px; -khtml-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; } .btn-group > .btn:last-child { -webkit-border-radius: 0 30px 30px 0; -khtml-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; } .btn-group > .btn.dropdown-toggle { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .btn-group > .btn.dropdown-toggle:first-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .btn-group > .btn.dropdown-toggle:last-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; -webkit-border-radius: 0 30px 30px 0; -khtml-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn-group > .btn + .dropdown-toggle .caret { margin: 8px 8px 0 0; } .btn-group-vertical > .btn { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } /* ===========_______________________________ END - [NULLED v1.0] BUTTONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] DROPDOWN ________________________________________=========== */ .dropdown-menu { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0; display: block; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-clip: padding-box; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; margin: 10px 0; border: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.03); } .dropdown-menu > li > a { padding: 10px 20px; color: #444 !important; display: block !important; font-weight: 500; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #F0F0F0; background-color: #F0F0F0; background-image: -moz-linear-gradient(top, #F0F0F0, #F0F0F0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0)); background-image: -webkit-linear-gradient(top, #F0F0F0, #F0F0F0); background-image: -o-linear-gradient(top, #F0F0F0, #F0F0F0); background-image: linear-gradient(to bottom, #F0F0F0, #F0F0F0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffF0F0F0", endColorstr="#ffF0F0F0", GradientType=0); } .dropdown-menu .divider { border-bottom: 1px solid #eee; } .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #fff; border-left: 6px solid rgba(0, 0, 0, 0); content: ""; } .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #ccc; border-left: 7px solid rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .pull-right .dropdown-menu { -webkit-transform-origin: top right; -khtml-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; } .pull-right .dropdown-menu:before, .dropdown-menu.pull-right:before { right: 12px; left: auto; } .pull-right .dropdown-menu:after, .dropdown-menu.pull-right:after { right: 13px; left: auto; } .dropup .dropdown-menu { margin-bottom: 10px !important; } .dropup .dropdown-menu:before { top: auto; bottom: -8px; border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 0; border-left: 7px solid rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.2); border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); } .dropup .dropdown-menu:after { top: auto; bottom: -6px; border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #fff; border-left: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; border-bottom: 0; } .open .dropdown-menu { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 1; } .dropup .dropdown-menu { -webkit-transform-origin: 0% 100%; -khtml-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .dropup .dropdown-menu.pull-right { -webkit-transform-origin: 100% 100%; -khtml-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; left: auto; right: 0; } /* ===========_______________________________ END - [NULLED v1.0] DROPDOWN ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TABS ________________________________________=========== */ .nav-tabs { border-bottom: 1px solid #eee; padding: 0; } .nav-tabs > li > a { padding-top: 10px; padding-bottom: 10px; border: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .nav-tabs > li > a:hover { background: #eee; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555; background-color: #eee; border: 0; } .nav .dropdown-toggle .caret { border-top-color: #aaa; border-bottom-color: #aaa; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #aaa; border-bottom-color: #aaa; } .nav-pills > li > a { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { background-color: #ddd; color: #666666; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #fff; background-color: #999; } .tabs-below > .nav-tabs { border-top: 1px solid #eee; border-bottom: 0; } .tabs-left > .nav-tabs { border-right: 1px solid #eee; } .tabs-right > .nav-tabs { border-left: 1px solid #eee; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* ===========_______________________________ END - [NULLED v1.0] TABS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] NAV ________________________________________=========== */ .nav-pills > li > a { line-height: 18px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { background-color: #ddd; text-shadow: none; color: #666666; } .navbar-inner { background: #eee; border: 0; min-height: 58px; line-height: 58px; font-weight: 500; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navbar .nav > li > a { text-shadow: none; padding: 0 15px; color: #777; height: 58px; line-height: 58px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .navbar .nav > li > a:focus { background-color: #e5e5e5; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background-color: #e5e5e5; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .navbar .divider-vertical { height: 58px; border-right: 1px solid #eee; border-left-color: rgba(0, 0, 0, 0); } .navbar-form { height: 58px; line-height: 58px; } .navbar .nav .dropdown-toggle img { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .navbar .nav .dropdown-toggle .caret { margin-top: 28px; } .nav-tabs.nav-stacked > li > a { border: 0; } .navbar .brand { padding: 14px 20px 10px; text-shadow: none; } .navbar-search .search-query { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 5px 0; } .navbar .navbar-inverse-collapse .divider-vertical { border-color: rgba(255, 255, 255, 0.22); } .navbar .navbar-inverse-collapse .nav > .active > a, .navbar .navbar-inverse-collapse .nav > .active > a:hover, .navbar .navbar-inverse-collapse .nav > .active > a:focus { background-color: rgba(229, 229, 229, 0.23); } /* ===========_______________________________ END - [NULLED v1.0] NAV ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BREADCRUMB ________________________________________=========== */ .breadcrumb { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: 0; } /* ===========_______________________________ END - [NULLED v1.0] BREADCRUMB ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] PAGINATION ________________________________________=========== */ .pagination ul > li > a, .pagination ul > li > span { border: 0; padding: 0 12px !important; min-width: 30px; height: 30px; line-height: 34px !important; } .pagination ul > li > a:hover { background: 0; } .pagination ul > .active a, .pagination ul > .active span { background: #3e50b4; color: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .pagination ul > .active a:hover, .pagination ul > .active span:hover { background: #3e50b4; } .pager li > a, .pager li > span { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .pager li > a { background: transparent !important; border: 2px solid #3e50b4; } .pager li > a:hover { background: #3e50b4 !important; color: #fff; } .pager li.disabled > a { background: 0 !important; border-color: #aaa; } .pager li.disabled > a:hover { background: 0 !important; } .pager [class^="icon-"], .pager [class*=" icon-"] { vertical-align: middle; } /* ===========_______________________________ END - [NULLED v1.0] PAGINATION ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] LABELS ________________________________________=========== */ .label, .badge { padding: 4px 8px; font-size: 11px; font-weight: 500; line-height: 20px; text-shadow: none; color: #fff; } .label:hover, .badge:hover { color: #fff; } .badge { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; min-width: 12px; text-align: center; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-warning[href]:hover, .badge-warning[href]:hover { background-color: #c67605; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-success[href]:hover, .badge-success[href]:hover { background-color: #356635; } .label-important[href], .badge-important[href] { background-color: #c00; } .label-important[href]:hover, .badge-important[href]:hover { background-color: #c00; } .label-default[href], .badge-default[href] { background-color: #999; } .label-default[href]:hover, .badge-default[href]:hover { background-color: #999; } /* ===========_______________________________ END - [NULLED v1.0] LABELS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] ALERTS ________________________________________=========== */ .alert { position: relative; padding: 20px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; text-shadow: none; /* start - message, success, info ----------------------------------------------------------------- */ /* end - message, success, info ----------------------------------------------------------------- */ /* start - notice ----------------------------------------------------------------- */ /* end - notice ----------------------------------------------------------------- */ /* start - warning ----------------------------------------------------------------- */ /* end - warning ----------------------------------------------------------------- */ /* start - error, danger ----------------------------------------------------------------- */ /* end - error, danger ----------------------------------------------------------------- */ } .alert .close { position: absolute; right: 15px; top: 15px; text-decoration: none; color: #666; cursor: pointer; font-size: 24px; font-weight: 300; text-shadow: none; } .alert .close:hover { text-decoration: none !important; } .alert > p { margin: 0; } .alert h4 { color: #666; margin: 0; font-weight: 500; text-transform: uppercase; } .alert h5 { margin: 0 0 12px; } .alert > div > p { color: #666666; margin: 0; font-size: 12px; font-weight: 300; } .alert.alert-error, .alert.alert-danger, .alert.alert-success, .alert.alert-info { color: #fff; } .alert.alert-error strong, .alert.alert-danger strong, .alert.alert-success strong, .alert.alert-info strong { color: #fff; } .alert.alert-info a, .alert.alert-info a:hover, .alert.alert-info .alert-link, .alert.alert-info .alert-link:hover { font-weight: 500; } .alert.alert-message, .alert.alert-success, .alert.alert-info { background-color: #4BAE4F; color: #fff; } .alert.alert-message h1, .alert.alert-message h2, .alert.alert-message h3, .alert.alert-message h4, .alert.alert-message h5, .alert.alert-message h6, .alert.alert-success h1, .alert.alert-success h2, .alert.alert-success h3, .alert.alert-success h4, .alert.alert-success h5, .alert.alert-success h6, .alert.alert-info h1, .alert.alert-info h2, .alert.alert-info h3, .alert.alert-info h4, .alert.alert-info h5, .alert.alert-info h6 { color: #fff; } .alert.alert-message > div > p, .alert.alert-success > div > p, .alert.alert-info > div > p { color: #fff; } .alert.alert-info { background: #c8e0ec; color: #666666; } .alert.alert-info strong { color: #666666; } .alert.alert-info h1, .alert.alert-info h2, .alert.alert-info h3, .alert.alert-info h4, .alert.alert-info h5, .alert.alert-info h6 { color: #666666; } .alert.alert-info > div > p { color: #666666; } .alert.alert-notice { background-color: #5BC0DE; } .alert.alert-notice .close, .alert.alert-notice h4, .alert.alert-notice > div > p { color: #fff; } .alert.alert-warning { background-color: #FEEA3A; color: #666666; } .alert.alert-error, .alert.alert-danger { background-color: #D9534F; } .alert.alert-error .close, .alert.alert-error h4, .alert.alert-error > div > p, .alert.alert-danger .close, .alert.alert-danger h4, .alert.alert-danger > div > p { color: #fff; } /* ===========_______________________________ END - [NULLED v1.0] ALERTS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] PROGRESS BARS ________________________________________=========== */ .progress, .progress-info { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; background: 0; } .progress .bar, .progress-info .bar { background: #ddd; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #666666; text-shadow: none; font-weight: 500; } .progress-info .bar { background: #0390b7; color: #fff; } .progress-success .bar { background: #4BAE4F; } .progress-warning .bar { background: #ffa233; } .progress-danger .bar { background: #d00; } /* ===========_______________________________ END - [NULLED v1.0] PROGRESS BARS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] COLLAPSE ________________________________________=========== */ .accordion-group { margin-bottom: 4px; border: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: #f5f5f5; } .accordion-toggle { font-weight: 500; } /* ===========_______________________________ END - [NULLED v1.0] COLLAPSE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] MODALS ________________________________________=========== */ .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.5; } div.modal { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .modal-header { padding: 15px; border-bottom: 0; min-height: 16.42857143px; } .modal-header h3, .modal-header h4, .modal-header .modal-title { margin: 0; line-height: 28px; padding: 10px 0 0 0; font-weight: 400; font-size: 18px; } .modal-header .close { margin-top: 4px; width: 36px; height: 36px; text-align: center; font-size: 34px; font-weight: 300; line-height: 24px; opacity: 0.6; outline: 0; } .modal-body { position: relative; padding: 15px; font-weight: 400; font-size: 16px; } .modal-body p { margin: 0; } .modal-body .input-xxlarge { width: 100%; } .modal-footer { background: 0; border: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .modal { bottom: auto; border: 1px solid rgba(0, 0, 0, 0.05); } .modal textarea[name="status_text"] { width: 100%; } .modal.hide.fade.in { display: block !important; } /* ===========_______________________________ END - [NULLED v1.0] MODALS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TABLES ________________________________________=========== */ .table { border: 1px solid #EAEAEA; border-width: 1px 0 0 0; /* .btn-default { background: 0; } &.table-bordered { border-collapse: collapse; border-left: 0; @include border-radius(0); >thead>tr>th { border-bottom: 1px solid rgba(0, 0, 0, 0.03); } th, td { border-top: 0; border-left: 0; vertical-align: middle; } } &.table-hover tbody tr:hover>td, &.table-hover tbody tr:hover>th { background-color: transparent; } &.table-striped { td { border-width: 0; } } &.table-striped tbody>tr:nth-child(odd)>td, &.table-striped tbody>tr:nth-child(odd)>th { background-color: transparent; }*/ } .table th { font-weight: 600; } .table th, .table td { padding: 12px 24px; border: 0; line-height: 23px; } .table > thead > tr > th { border-bottom: 1px solid #eee; } table.bordered th, table.bordered td, table.table-bordered th, table.table-bordered td { border-color: #eee; } /* ===========_______________________________ END - [NULLED v1.0] TABLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TOOLTIPS ________________________________________=========== */ .tooltip { z-index: 999998; width: auto; position: fixed !important; } .tooltip .tooltip-inner { padding: 8px 13px; font-size: 12px; border-radius: 2px; } /* ===========_______________________________ END - [NULLED v1.0] TOOLTIPS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] RESPONSIVE FIX ________________________________________=========== */ @media (max-width: 767px) { body { padding-right: 0 !important; padding-left: 0 !important; } } /* ===========_______________________________ END - [NULLED v1.0] RESPONSIVE FIX ________________________________________=========== */ /** * @version 1.0 * @template Simone * @author JoomForest - https://www.joomforest.com * @copyright Copyright (C) 2011-2017 JoomForest.com * @license JoomForest.com Proprietary Use License - https://www.joomforest.com/licenses */ /* ===========_______________________________ START - [NULLED v1.0] BODY ________________________________________=========== */ body, #g-page-surround { background: #eeeeee; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #g-main { background: 0; padding: 0; } #g-container-main > .g-container { padding: 10px 0; } .g-content { margin: 10px; padding: 15px; } /* ===========_______________________________ END - [NULLED v1.0] BODY ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] WEBKIT SCROLLBAR ________________________________________=========== */ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } ::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.05); } ::-webkit-scrollbar-thumb:vertical { background: rgba(0, 0, 0, 0.2); border-radius: 100px; background-clip: padding-box; border: 2px solid transparent; min-height: 10px; } ::-webkit-scrollbar-thumb:vertical:active { background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 100px; } ::-webkit-scrollbar-thumb:horizontal { background: rgba(0, 0, 0, 0.2); border-radius: 100px; background-clip: padding-box; border: 2px solid transparent; min-width: 10px; } ::-webkit-scrollbar-thumb:horizontal:active { background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 100px; } #g-news-panel ::-webkit-scrollbar { width: 10px; background-color: transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } #g-news-panel ::-webkit-scrollbar:hover { background-color: rgba(255, 255, 255, 0.05); } #g-news-panel ::-webkit-scrollbar-thumb:vertical { background: rgba(255, 255, 255, 0.4); border-radius: 100px; background-clip: padding-box; border: 2px solid transparent; min-height: 10px; } #g-news-panel ::-webkit-scrollbar-thumb:vertical:active { background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 100px; } /* ===========_______________________________ END - [NULLED v1.0] WEBKIT SCROLLBAR ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] NAVIGATION ________________________________________=========== */ /*#g-navigation { display: none }*/ #g-header .g-main-nav { text-align: right; } #g-header .g-main-nav .g-toplevel { display: inline-block; vertical-align: middle; line-height: 0; } .g-main-nav .g-toplevel > li { line-height: 0; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected, #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active, #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: 0; } #g-header .g-main-nav .g-dropdown { background: #ffffff; } #g-header .g-main-nav > ul > li > .g-dropdown { padding: 10px 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.7815rem 1.2rem; } #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: 0; } #g-header .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #222222; -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } #g-header .g-main-nav .g-menu-item-type-separator:not(.g-parent) .g-separator { cursor: default; } #g-header .g-main-nav .g-sublevel .g-menu-item-type-separator:not(.g-parent) .g-separator { color: #3e50b4; } #g-header .g-main-nav .g-sublevel > li.g-menu-item-type-separator.g-parent .g-separator:hover, #g-header .g-main-nav .g-sublevel > li > a.g-menu-item-container:hover { color: #3e50b4; } .g-main-nav .g-toplevel i { opacity: 1; } .g-main-nav .g-toplevel > li > .g-menu-item-container { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 10px 17px; height: 120px; line-height: 100px; } .headroom--not-top .g-main-nav .g-toplevel > li > .g-menu-item-container { height: 70px; line-height: 50px; } .g-main-nav .g-toplevel > li .g-menu-item-content { font-weight: 500; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { font-size: 15px; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-header .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #222222; } #g-header .g-main-nav .g-toplevel > li > .g-menu-item-container:hover { color: #3e50b4; } #g-header .g-main-nav .g-sublevel > li.g-menu-item-type-separator.g-parent > .g-menu-item-container:hover { color: #3e50b4; } #g-header.headroom--top.jf_sticky_transparent .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-header.headroom--top.jf_sticky_transparent .g-main-nav .g-toplevel > li > .g-menu-item-container, #g-header.headroom--top.jf_sticky_transparent .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #fff; } #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #3e50b4; } .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content { color: #3e50b4; } .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-menu-item-content { color: #3e50b4; } #g-header.headroom--top.jf_sticky_transparent .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content { color: #fff; } .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after, .g-go-back a:before { width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9 ; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0); content: ""; opacity: 1; } .g-go-back a:before { margin-left: 0; -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-top: 10px; margin-bottom: 10px; } .g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after { content: ""; } .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 0; background: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } @media (max-width: 768px) { .g-main-nav { display: none; } } .g-main-nav .g-sublevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after { content: ""; } #g-header .g-main-nav .g-dropdown-column .g-dropdown { width: 100%; } #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 0; background: 0; } #g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: 0; } /* start - WAVES EFFECT ISSUE ----------------------------------------------------------------- */ .g-menu-item-container.waves-effect { display: block; } /* end - WAVES EFFECT ISSUE ----------------------------------------------------------------- */ #g-header .g-main-nav .shop_menu_bg > ul.g-dropdown { background-image: url('../../../../images/jf/shop_menu_bg.jpg'); background-repeat: no-repeat; background-position: top right; background-size: auto 460px; } /* ===========_______________________________ END - [NULLED v1.0] NAVIGATION ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] HEADER ________________________________________=========== */ #g-header { background: #ffffff; color: #444444; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0 5px 0 #dcdcdc; -khtml-box-shadow: 0 0 5px 0 #dcdcdc; -moz-box-shadow: 0 0 5px 0 #dcdcdc; -ms-box-shadow: 0 0 5px 0 #dcdcdc; -o-box-shadow: 0 0 5px 0 #dcdcdc; box-shadow: 0 0 5px 0 #dcdcdc; } #g-header .g-container { position: relative; } #g-header .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-header a { color: #444444; } #g-header a:hover { color: #3e50b4; /*color: #8400d4;*/ } /* start - [NULLED v1.0] LOGO ----------------------------------------------------------------- */ .gantry-logo { position: relative; } .gantry-logo svg { height: 60px; margin: 23px 0 0 0; width: 121px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gantry-logo svg.ku { margin: 30px 0 0 0; } @-webkit-keyframes jf_logo_animation { 0% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } 10% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 60% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } } @-moz-keyframes jf_logo_animation { 0% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } 10% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 60% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } } @-ms-keyframes jf_logo_animation { 0% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } 10% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 60% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } } @-o-keyframes jf_logo_animation { 0% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } 10% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 60% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } } @keyframes jf_logo_animation { 0% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } 10% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 50% { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 60% { -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); } } .jf_logo_wrap { display: inline-block; position: relative; } .jf_logo_wrap .jf_logo_animation { position: relative; overflow: hidden; -webkit-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .jf_logo_wrap .jf_logo_animation:before { content: ""; position: absolute; bottom: 12px; height: 2px; width: 100%; -webkit-transform: translateX(-101%); -khtml-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #3e50b4; -webkit-animation: jf_logo_animation 10s infinite; -khtml-animation: jf_logo_animation 10s infinite; -moz-animation: jf_logo_animation 10s infinite; -ms-animation: jf_logo_animation 10s infinite; -o-animation: jf_logo_animation 10s infinite; animation: jf_logo_animation 10s infinite; z-index: 2; } .jf_logo_wrap .jf_logo_animation.white:before { background-color: #fff; } .jf_logo_wrap:hover .jf_logo_animation:before { opacity: 0; } .jf_logo_wrap a, .jf_logo_wrap strong { color: #fff !important; } .jf_logo_wrap i { margin: 0 5px 0 0; } .jf_logo_descr_bg { position: absolute; top: 100%; margin: 7px 0 0 0; left: 0; background: #3e50b4; height: 0; width: 100%; visibility: hidden; -webkit-transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; -khtml-transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; -moz-transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; -ms-transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; -o-transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; transition: width 0.3s, padding 0.15s 0.3s, height 0.15s 0.3s, visibility 0.3s 0.5s; } .jf_logo_descr { position: absolute; top: 100%; left: 0; padding: 27px 10px 20px 10px; color: #fff; font-size: 12px; opacity: 0; visibility: hidden; width: 400px; -webkit-transition: opacity 0.05s, visibility 0.05s 0.1s; -khtml-transition: opacity 0.05s, visibility 0.05s 0.1s; -moz-transition: opacity 0.05s, visibility 0.05s 0.1s; -ms-transition: opacity 0.05s, visibility 0.05s 0.1s; -o-transition: opacity 0.05s, visibility 0.05s 0.1s; transition: opacity 0.05s, visibility 0.05s 0.1s; } .jf_logo_wrap:hover .jf_logo_descr_bg { height: 100%; width: 400px; visibility: visible; -webkit-transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; -khtml-transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; -moz-transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; -ms-transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; -o-transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; transition: visibility 0s, height 0.3s, padding 0.3s, width 0.15s 0.3s; } .jf_logo_wrap:hover .jf_logo_descr { opacity: 1; visibility: visible; -webkit-transition: visibility 0s, opacity 0.3s 0.5s; -khtml-transition: visibility 0s, opacity 0.3s 0.5s; -moz-transition: visibility 0s, opacity 0.3s 0.5s; -ms-transition: visibility 0s, opacity 0.3s 0.5s; -o-transition: visibility 0s, opacity 0.3s 0.5s; transition: visibility 0s, opacity 0.3s 0.5s; } /* end - [NULLED v1.0] LOGO ----------------------------------------------------------------- */ /* start - [NULLED v1.0] RESPONSIVE ----------------------------------------------------------------- */ .jf_header_resp_btns { display: none; position: absolute; right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .jf_header_resp_btns .jf_ku_login_btn { min-width: 0px; padding: 10px; } .jf_header_resp_btns .jf_ku_login_btn svg { vertical-align: middle; } @media (max-width: 768px) { .jf_header_resp_btns { display: block; } #g-header .g-container { width: 100%; text-align: center; } #g-header .g-container .g-block { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; max-width: 100%; } #g-header .g-container .gantry-logo { display: inline-block; } #g-header .g-container .gantry-logo svg { margin: 10px 0 0 0; } } @media (max-width: 414px) { #g-header .g-container .gantry-logo svg { width: 80px; } } /* end - [NULLED v1.0] RESPONSIVE ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] HEADER ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] MODULES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] JOOMLA MODULES ________________________________________=========== */ /* start - [NULLED v1.0] MENU ----------------------------------------------------------------- */ .nav.menu { list-style: none; margin: 0; } .nav.menu li a, .nav.menu li span { position: relative; text-transform: uppercase; font-size: 14px; overflow: hidden; position: relative; -webkit-transition: 0.2s ease; -khtml-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; display: inline-block; line-height: 32px; font-weight: 500; padding: 0; } .nav.menu li a:before, .nav.menu li span:before { content: ""; position: absolute; bottom: 1px; height: 2px; width: 100%; -webkit-transform: translateX(-110%); -khtml-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: 0.5s ease; -khtml-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; background-color: #3e50b4; padding: 0 10px; } .nav.menu li a:hover, .nav.menu li a:focus, .nav.menu li span:hover, .nav.menu li span:focus { text-decoration: none; background: 0; } .nav.menu li a:hover:before, .nav.menu li a:focus:before, .nav.menu li span:hover:before, .nav.menu li span:focus:before { -webkit-transform: translateX(0%); -khtml-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .nav.menu > li > a, .nav.menu > li > span { padding: 0; } .nav.menu .nav-child { margin-left: 1rem; list-style: none; } #g-main .nav.menu { margin: -10px -20px -20px; } #g-main .nav.menu li a, #g-main .nav.menu li span { display: block; line-height: 62px; padding: 0 20px; border-bottom: 1px solid #f4f4f4; } #g-main .nav.menu li a:before, #g-main .nav.menu li span:before { display: none; } #g-main .nav.menu li a:hover { padding: 0 20px; } /* end - [NULLED v1.0] MENU ----------------------------------------------------------------- */ /* start - [NULLED v1.0] LOGIN MODULE ----------------------------------------------------------------- */ #login-form { margin: 20px 0; } #login-form .controls .input-prepend { display: block; } #login-form .controls .input-prepend .add-on { width: 15%; text-align: left; padding: 8px 0; } #login-form .controls .input-prepend input { width: 85%; height: 38px; } #login-form #form-login-remember { margin: 15px 0; padding: 8px 0; line-height: 1; } #login-form #form-login-remember label { line-height: 1; margin: 0; } #login-form #form-login-remember input { margin: 0 5px 0 0; } #login-form ul.unstyled { font-size: 12px; } #login-form .login-greeting { margin: 0 0 20px 0; } /* end - [NULLED v1.0] LOGIN MODULE ----------------------------------------------------------------- */ /* start - [NULLED v1.0] SEARCH ----------------------------------------------------------------- */ .search input[type="search"] { width: 100%; } /* end - [NULLED v1.0] SEARCH ----------------------------------------------------------------- */ /* start - [NULLED v1.0] ARTICLES LATEST ----------------------------------------------------------------- */ #g-right-panel .latestnews { margin: 20px 0 0 20px; list-style: none; } #g-right-panel .latestnews li { position: relative; } #g-right-panel .latestnews a { line-height: 36px; } #g-right-panel .latestnews svg { vertical-align: middle; fill: #666666; height: 20px; position: absolute; top: 7px; left: -30px; } /* end - [NULLED v1.0] ARTICLES LATEST ----------------------------------------------------------------- */ /* start - [NULLED v1.0] NEWSFLASH ----------------------------------------------------------------- */ .jf_sp_newsflash { padding: 0; margin: -10px -20px -20px; } .jf_sp_newsflash .jf_sp_nf_item { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; list-style: none; padding: 20px; text-rendering: optimizespeed; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_sp_newsflash .jf_sp_nf_item:hover { background: rgba(0, 0, 0, 0.05); } .jf_sp_newsflash .jf_sp_nf_cover, .jf_sp_newsflash .jf_sp_nf_content { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; } .jf_sp_newsflash .jf_sp_nf_cover { -webkit-flex: 0 1 100px; -moz-flex: 0 1 100px; -ms-flex: 0 1 100px; flex: 0 100px; width: 100px; } .jf_sp_newsflash .jf_sp_nf_cover img { width: 80px; height: 55px; } .jf_sp_newsflash .jf_sp_nf_content .title { font-size: 16px; margin: 0; line-height: 24px; } .jf_sp_newsflash .jf_sp_nf_content .intro { font-size: 14px; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; display: none; } .jf_sp_newsflash .jf_sp_nf_content .intro .descr { display: none; } .jf_sp_newsflash .jf_sp_nf_content .intro p { margin: 0; font-size: 13px; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.7; } /* end - [NULLED v1.0] NEWSFLASH ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] JOOMLA MODULES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] KUNENA MODULES ________________________________________=========== */ /* start - [NULLED v1.0] KUNENA LATEST ----------------------------------------------------------------- */ #g-news-panel .klatest { margin: 0 -25px; } #g-news-panel .klatest-items li.klatest-item { padding: 10px 20px; position: relative; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #g-news-panel .klatest-items li.klatest-item:hover { background: rgba(255, 255, 255, 0.15) !important; } #g-news-panel .klatest-items .klatest-avatar img { width: 30px; border: 0; padding: 0; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #g-news-panel .klatest-items a { color: #fff; } #g-news-panel .klatest-items .klatest-subject a { font-weight: 500; font-size: 12px; } #g-news-panel .klatest-items .klatest-cat, #g-news-panel .klatest-items .klatest-posttime { opacity: 0.5; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #g-news-panel .klatest-items .klatest-cat:hover, #g-news-panel .klatest-items .klatest-posttime:hover { opacity: 1; } #g-news-panel .klatest-items .klatest-cat { margin: 12px 0; } #g-news-panel .klatest-items .klatest-posttime { text-align: right; font-size: 8px; } #g-news-panel .klatest-items .klatest-preview-content { display: none; overflow: hidden; font-size: 11px; line-height: 15px; padding: 10px; margin: 5px !important; background: rgba(0, 0, 0, 0.08) !important; } #g-news-panel .klatest-items .knewchar { font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; text-align: right; vertical-align: middle; font-weight: 500; margin: 0 5px; color: #3e50b4; padding: 5px 10px 4px; line-height: 8px; font-size: 10px; display: inline-block; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .jf_klatest_openclose { position: absolute; top: 5px; right: 5px; padding: 0; width: 30px; height: 30px; line-height: 34px; font-weight: 300; overflow: hidden; font-size: 0; cursor: pointer; opacity: 0.5; } .jf_klatest_openclose:before, .jf_klatest_openclose:after { content: ""; font-size: 0; top: 50%; left: 50%; position: absolute; width: 10px; height: 1px; background: #fff; -webkit-transform-origin: 0; -khtml-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; -webkit-transform: rotate(0) translate3d(-50%, 0, 0); -khtml-transform: rotate(0) translate3d(-50%, 0, 0); -moz-transform: rotate(0) translate3d(-50%, 0, 0); -ms-transform: rotate(0) translate3d(-50%, 0, 0); -o-transform: rotate(0) translate3d(-50%, 0, 0); transform: rotate(0) translate3d(-50%, 0, 0); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_klatest_openclose:after { -webkit-transform: rotate(90deg) translate3d(-50%, 0, 0); -khtml-transform: rotate(90deg) translate3d(-50%, 0, 0); -moz-transform: rotate(90deg) translate3d(-50%, 0, 0); -ms-transform: rotate(90deg) translate3d(-50%, 0, 0); -o-transform: rotate(90deg) translate3d(-50%, 0, 0); transform: rotate(90deg) translate3d(-50%, 0, 0); } .jf_klatest_openclose.opened:after { -webkit-transform: rotate(0) translate3d(-50%, 0, 0); -khtml-transform: rotate(0) translate3d(-50%, 0, 0); -moz-transform: rotate(0) translate3d(-50%, 0, 0); -ms-transform: rotate(0) translate3d(-50%, 0, 0); -o-transform: rotate(0) translate3d(-50%, 0, 0); transform: rotate(0) translate3d(-50%, 0, 0); } .jf_klatest_openclose:hover { opacity: 1; } /* end - [NULLED v1.0] KUNENA LATEST ----------------------------------------------------------------- */ /* start - [NULLED v1.0] KUNENA LOGIN [JF LAYOUT] ----------------------------------------------------------------- */ .jf_ku_login_btn { display: inline-block; text-align: center; min-width: 80px; padding: 5px 20px 5px; cursor: pointer; vertical-align: middle; } .jf_ku_login_btn.jf_ku_login { background: #c61590; background: -webkit-linear-gradient(180deg, #1e80dc, #c61590); background: linear-gradient(270deg, #1e80dc, #c61590); background-size: 300% 100%; background-position: 5% 50%; border-radius: 30px; color: #fff; font-weight: 500; font-size: 14px; margin: 0 8px; } .jf_ku_login_btn img { width: 40px; height: 40px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .jf_ku_login_modal { position: fixed; max-width: 500px; width: 90%; z-index: 100; font-size: 14px; pointer-events: none; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 99998; } .jf_ku_login_modal_inner { padding: 2.5em; background: #fff; position: relative; } .jf_ku_login_close { opacity: 0; position: absolute; top: 30px; right: 30px; z-index: 9999; border: 0; padding: 0; margin: 0; background: none; color: inherit; outline: 0; width: 20px; height: 20px; -webkit-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .jf_ku_login_close:focus { outline: 0; } .jf_ku_login_close svg { overflow: hidden; display: block; width: 100%; height: 100%; margin: 0 auto; fill: currentColor; opacity: 0.5; } .jf_ku_login_close:hover { -webkit-transform: rotate(720deg) !important; -khtml-transform: rotate(720deg) !important; -moz-transform: rotate(720deg) !important; -ms-transform: rotate(720deg) !important; -o-transform: rotate(720deg) !important; transform: rotate(720deg) !important; } .jf_ku_login_close:hover svg { opacity: 0.8; } .jf_ku_login_overlay { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.4s; z-index: 99997; } .jf_ku_login_modalopen .jf_ku_login_modal { pointer-events: visible; } .jf_ku_login_modalopen .jf_ku_login_overlay { pointer-events: visible; opacity: 1; } .jf_ku_login_modalopen .jf_ku_login_close { opacity: 1; -webkit-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); } /* start - [NULLED v1.0] LOGIN FORM ----------------------------------------------------------------- */ .jf_ku_login_modal input[type="text"], .jf_ku_login_modal input[type="password"] { display: block; width: 100%; background: #f0f0f0; border: 0; box-shadow: none; font-size: 14px; padding: 12px 15px; line-height: 23px; margin: 0; height: auto; max-height: 48px; } .jf_ku_login_modal #form-login-username, .jf_ku_login_modal #form-login-password, .jf_ku_login_modal #form-login-secretkey { display: block; margin: 15px 0; } .jf_ku_login_modal #form-login-username { margin: 40px 0 15px 0; } .jf_ku_login_modal #form-login-remember { margin: 25px 0 15px 0; } .jf_ku_login_modal #form-login-remember input { vertical-align: middle; } .jf_ku_login_modal .jf_ku_login_submit { text-align: center; background: #c61590; background: -webkit-linear-gradient(180deg, #1e80dc, #c61590); background: linear-gradient(270deg, #1e80dc, #c61590); background-size: 300% 100%; background-position: 5% 50%; border-radius: 30px; padding: 9px 20px 9px; color: #fff; font-weight: 500; font-size: 16px; cursor: pointer; vertical-align: middle; width: 100%; outline: 0; display: block; margin: 0 auto; -webkit-transition: width 0.3s ease; -khtml-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; position: relative; } .jf_ku_login_modal p { margin-bottom: 0; } .jf_ku_login_modal .jf_ku_login_register { position: relative; display: block; background-color: #fff; font-weight: 600; font-size: 11px; line-height: 26px; text-transform: uppercase; text-align: center; position: relative; border: 2px solid #ddd; outline: none; white-space: nowrap; letter-spacing: 0.5px; cursor: pointer; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; overflow: hidden; padding: 10px 20px 8px; margin: 0; color: #777; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; width: 100%; } .jf_ku_login_modal .jf_ku_login_register:hover { color: #3e50b4; border-color: #3e50b4; } .jf_ku_login_modal #form-login-submit { display: block; margin: 20px 0; } .jf_ku_login_modal .jf_ku_footer_links_wrap { display: flex; margin: 30px 0 0 0; } .jf_ku_login_modal .jf_ku_footer_links { width: 50%; display: inline-block; } .jf_ku_login_modal .jf_ku_footer_links:first-child p { padding-top: 5px; font-size: 12px; } .jf_ku_login_modal label { display: inline-block; margin: 0; vertical-align: middle; font-size: 14px; } .jf_ku_login_modal .input-append, .jf_ku_login_modal .input-prepend { margin: 0; } .jf_ku_login_modal form { margin: 0; } .jf_ku_login_modal.jf_logged { text-align: center; } .jf_ku_login_modal.jf_logged .klogin-hiname { margin: 0 0 20px 0; } .jf_ku_login_modal.jf_logged ul { list-style: none; margin: 20px 0; } .jf_ku_login_modal.jf_logged .img-rounded a { display: inline-block; } .jf_ku_login_modal.jf_logged img { -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } @media (max-width: 1024px) { .jf_ku_login_btn.jf_ku_login { margin: 0 5px; } } @media (max-width: 667px) { .jf_ku_login_modal .jf_ku_footer_links_wrap { display: block; text-align: center; margin: 0; } .jf_ku_login_modal .jf_ku_login_register { margin: 10px 0 0 auto; } .jf_ku_login_modal .jf_ku_footer_links { width: 100%; display: block; } .jf_ku_login_modal #form-login-submit { display: block; text-align: center; } } /* end - [NULLED v1.0] LOGIN FORM ----------------------------------------------------------------- */ /* start - [NULLED v1.0] SPINNER ----------------------------------------------------------------- */ .jf_ku_login_spinner { position: absolute; margin: 0 auto; width: 25px; top: 50%; left: 50%; display: none; -webkit-transform: translate3d(-50%, -50%, 0); -khtml-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .jf_ku_login_spinner:before { content: ""; display: block; padding-top: 100%; } .jf_ku_login_spinner svg { animation: jf_ku_login_spinner_rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .jf_ku_login_spinner svg circle { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: jf_ku_login_spinner_dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: #fff; } @keyframes jf_ku_login_spinner_rotate { 100% { transform: rotate(360deg); } } @keyframes jf_ku_login_spinner_dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes jf_ku_login_spinner_color { 100%, 0% { stroke: #fff; } 40% { stroke: #fff; } 66% { stroke: #fff; } 80%, 90% { stroke: #fff; } } /* end - [NULLED v1.0] SPINNER ----------------------------------------------------------------- */ /* start - [NULLED v1.0] BUTTON + SPINNER ----------------------------------------------------------------- */ .jf_ku_login_submit.processing, .jf_ku_login_register.processing { width: 45px; } .jf_ku_login_submit.processing .jf_ku_login_btn_text, .jf_ku_login_register.processing .jf_ku_login_btn_text { visibility: hidden; opacity: 0; } .jf_ku_login_submit.processing .jf_ku_login_spinner, .jf_ku_login_register.processing .jf_ku_login_spinner { display: block; } .jf_ku_login_register.processing { width: 50px; } .jf_ku_login_register .jf_ku_login_spinner svg circle { stroke: #c61590; } /* end - [NULLED v1.0] BUTTON + SPINNER ----------------------------------------------------------------- */ /* end - [NULLED v1.0] KUNENA LOGIN [JF LAYOUT] ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] KUNENA MODULES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] JF MODULES ________________________________________=========== */ /* start - [NULLED v1.0] MODULE: JF MOBILE MENU [some CSS override] ----------------------------------------------------------------- */ body #jf_mm_menu { z-index: 9990; } body .jf_mm_trigger { z-index: 9981; top: 18px; left: 12px; height: 31px; } body .jf_mm_wrapper .levelHolderClass, body .jf_mm_wrapper h2 { font-family: "Poppins"; font-size: 14px; } body .jf_mm_wrapper h2 { padding: 0 8px; margin-top: 20px; margin-bottom: 20px; } /* end - [NULLED v1.0] MODULE: JF MOBILE MENU [some CSS override] ----------------------------------------------------------------- */ /* start - [NULLED v1.0] MODULE: JF AJAXCHIMP ----------------------------------------------------------------- */ .jf_ajaxchimp { padding: 0; text-align: left; } .jf_ajaxchimp p { padding: 0; margin: 0 0 30px 0; font-size: 15px; } .jf_ajaxchimp input[type="email"] { width: 66%; float: left; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px; font-size: 16px; height: 50px !important; border: 0; -webkit-border-radius: 30px 0 0 30px; -khtml-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; text-align: left; color: #4d4d4d; } .jf_ajaxchimp button { margin: 0; border: 0; outline: 0; -webkit-border-radius: 0 30px 30px 0; -khtml-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; color: #fff; background: #3e50b4; height: 50px; font-size: 14px; width: 34%; font-weight: 600; z-index: 1; } .jf_ajaxchimp label { margin: 20px 0 0 0; } /* end - [NULLED v1.0] MODULE: JF AJAXCHIMP ----------------------------------------------------------------- */ /* start - [NULLED v1.0] MODULE: JF OWL SLIDER ----------------------------------------------------------------- */ .jf_owl_wrapper { z-index: 0; } .jf_owl .controls .controls { left: 0; right: auto; } .jf_owl .controls .toggleplay { left: 20px; right: auto; } .jf_owl .controls .togglesound { left: 40px; right: auto; } .jf_owl .controls .controls:hover .togglesound { left: 75px; right: auto; } .jf_owl .mask { z-index: 2; } body .jf_owl.owl-carousel, body #g-main, body [id*="g-full-width-section"], body #g-footer, body #g-bottom-footer { z-index: inherit; } /* end - [NULLED v1.0] MODULE: JF OWL SLIDER ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] JF MODULES ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] MODULES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] GANTRY 5 PARTICLES ________________________________________=========== */ /* start - [NULLED v1.0] GLOBAL CLASSES ----------------------------------------------------------------- */ .jf_p_container { margin: 0 auto; width: 78rem; } /* end - [NULLED v1.0] GLOBAL CLASSES ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLES: GLOBAL ----------------------------------------------------------------- */ .jf_p_global { position: relative; background-repeat: no-repeat; z-index: 3; } .jf_p_global .jf_p_global_bg_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .jf_p_global .jf_p_global_cont { position: relative; z-index: 1; } .jf_p_global.dark { color: #fff; } .jf_p_global.dark h1, .jf_p_global.dark h2, .jf_p_global.dark h3, .jf_p_global.dark h4, .jf_p_global.dark h5, .jf_p_global.dark h6, .jf_p_global.dark .jf_p_t_name { color: #fff; } /* end - [NULLED v1.0] PARTICLES: GLOBAL ----------------------------------------------------------------- */ /* start - [NULLED v1.0] CUSTOM HTML - FOOTER: Kunena Project ----------------------------------------------------------------- */ .jf_ku_project { font-size: 12px; } .jf_ku_project svg { width: 175px; height: auto; margin: 10px 0 10px -15px; } .jf_ku_project svg g { fill: #fff; } .jf_ku_project div { padding: 0 40px 0 0; } /* end - [NULLED v1.0] CUSTOM HTML - FOOTER: Kunena Project ----------------------------------------------------------------- */ /* start - [NULLED v1.0] CUSTOM HTML - FOOTER: Siteground ----------------------------------------------------------------- */ .jf_siteground { font-size: 14px; } .jf_siteground .jf_siteground_logo { display: block; width: 200px; } .jf_siteground a { font-weight: bold; color: #3e50b4; } .jf_siteground a:hover { color: #3e50b4; } /* end - [NULLED v1.0] CUSTOM HTML - FOOTER: Siteground ----------------------------------------------------------------- */ /* start - [NULLED v1.0] CUSTOM HTML - FOOTER: SOCIAL ICONS ----------------------------------------------------------------- */ .jf_socialbtns { position: relative; text-align: center; line-height: 0; font-size: 36px; padding: 20px 0 0 0; } .jf_socialbtns a { display: inline-block; color: #fff; line-height: 0; margin: 0 5px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_socialbtns a:hover { color: #3e50b4; } /* end - [NULLED v1.0] CUSTOM HTML - FOOTER: SOCIAL ICONS ----------------------------------------------------------------- */ /* start - [NULLED v1.0] (KU) PARTICLE: ICONS LIST ----------------------------------------------------------------- */ .jf_p_icons_list { display: block; padding: 110px 0; } .jf_p_icons_list .jf_p_icons_list_title { text-align: center; margin: 0 0 60px 0; } .jf_p_icons_list .jf_p_icons_list_title h3, .jf_p_icons_list .jf_p_icons_list_title h5 { font-weight: 300; margin: 0; } .jf_p_icons_list .jf_p_icons_list_title h3 { font-size: 2rem; font-weight: 400; } .jf_p_icons_list .list_icon { float: left; width: 64px; display: block; line-height: 56px; text-align: center; height: 56px; } .jf_p_icons_list .list_icon svg { vertical-align: middle; } .jf_p_icons_list .list_descr { display: block; overflow: hidden; padding-left: 18px; } .jf_p_icons_list .list_descr h4 { font-size: 1.25rem; color: #000; font-weight: 400; margin: 12px 0 16px; } .jf_p_icons_list .list_descr p { font-weight: 300; } .jf_p_icons_list .row-fluid { margin: 0 0 20px 0; } /* end - [NULLED v1.0] (KU) PARTICLE: ICONS LIST ----------------------------------------------------------------- */ /* start - [NULLED v1.0] (KU) PARTICLE: FEATURES LIST ----------------------------------------------------------------- */ .jf_p_ft_list { padding: 100px 3%; background-size: cover; position: relative; /* start - DARK ----------------------------------------------------------------- */ /* end - DARK ----------------------------------------------------------------- */ } .jf_p_ft_list ul { list-style: none; padding: 0; margin: 0 0 0 20px; } .jf_p_ft_list ul li { font-size: 18px; line-height: 48px; font-weight: 300; } .jf_p_ft_list ul li svg { vertical-align: -5px; margin: 0 20px 0 0; } .jf_p_ft_list ul li svg path { fill: #3e50b4; } .jf_p_ft_list .span6 { padding: 0 20px; } .jf_p_ft_list .jf_p_ft_list_title { color: #3e50b4; font-weight: 400; margin: 30px 20px; } .jf_p_ft_list .jf_p_ft_list_title span { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align: middle; padding: 11px; line-height: 0; display: inline-block; margin: 0 7px 0 -12px; overflow: hidden; background: #3e50b4; } .jf_p_ft_list .jf_p_ft_list_title svg path { fill: #fff; } .jf_p_ft_list .row-fluid { position: relative; } .jf_p_ft_list .jf_p_ft_bg_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .jf_p_ft_list.dark .jf_p_ft_list_title { color: #fff; } .jf_p_ft_list .jf_browser_mockup { width: 100%; display: block; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_p_ft_list .jf_browser_mockup:hover { -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); -khtml-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); -o-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.15), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.10); } .jf_p_ft_list .jf_venobox { outline: 0; } @media (max-width: 667px) { .jf_p_ft_list { padding: 50px 15px; } } /* end - [NULLED v1.0] (KU) PARTICLE: FEATURES LIST ----------------------------------------------------------------- */ /* start - [NULLED v1.0] (KU) PARTICLE: COVER ----------------------------------------------------------------- */ .jf_p_cover { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; display: inline-table; overflow: hidden; width: 100%; box-sizing: border-box; text-align: center; background-position: 0 30%; background-size: 100%; background-repeat: no-repeat; } .jf_p_cover:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.25); top: 0; left: 0; width: 100%; height: 100%; background: #7f7f7f; background: rgba(127, 127, 127, 0.9); } .jf_p_cover h1, .jf_p_cover h2 { color: #fff; position: relative; } .jf_p_cover h1 { margin: 160px 0 0 0; font-size: 38px; letter-spacing: -1px; } .jf_p_cover h2 { font-size: 18px; margin: 0; font-weight: 400; } .jf_p_cover .jf_p_cover_download { position: relative; display: inline-block; min-width: 173px; background-color: #ffffff; color: #232323; font-weight: 600; font-size: 12px; line-height: 26px; text-transform: uppercase; text-align: center; position: relative; border: 2px solid #ffffff; outline: none; white-space: nowrap; vertical-align: middle; letter-spacing: 0.5px; cursor: pointer; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; overflow: hidden; min-width: 199px; padding: 15px 28px 13px; margin: 30px 0 0 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_p_cover .jf_p_cover_download:hover { background-color: transparent; color: #ffffff; } .jf_p_cover .content { display: block; margin: 80px 0 0 0; position: relative; } .jf_p_cover .content img { margin: 0 auto -20px auto; } .jf_p_cover .jf_p_cover_videobtn { position: absolute; z-index: 10; top: 50% !important; left: 50% !important; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; margin: 0 0 0 -40px; /* background: #fa183d; */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 18px 20px 18px 28px; outline: none; } .jf_p_cover .jf_p_cover_videobtn:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #3e50b4; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; -khtml-animation: pulse-border 1500ms ease-out infinite; -moz-animation: pulse-border 1500ms ease-out infinite; -ms-animation: pulse-border 1500ms ease-out infinite; -o-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .jf_p_cover .jf_p_cover_videobtn:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #3e50b4; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms; -khtml-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .jf_p_cover .jf_p_cover_videobtn:hover:after { background-color: #313f8e; } .jf_p_cover .jf_p_cover_videobtn span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 26px solid #fff; border-top: 14px solid rgba(0, 0, 0, 0); border-bottom: 14px solid rgba(0, 0, 0, 0); margin: 8px 0 0 2px; } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-moz-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -khtml-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /* end - [NULLED v1.0] (KU) PARTICLE: COVER ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: CLIENTS ----------------------------------------------------------------- */ .jf_p_clients_wrap { position: relative; background-repeat: no-repeat; } .jf_p_clients_wrap .jf_p_clients_bg_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .jf_p_clients_wrap .jf_p_clients_cont { position: relative; z-index: 1; } .jf_p_clients_wrap .owl-carousel .owl-item { text-align: center; } .jf_p_clients_wrap a { display: block; } .jf_p_clients_wrap a:hover { opacity: 0.5; } .jf_p_clients_wrap .owl-item.loading { min-height: 70px; } .jf_p_clients_wrap .jf_carousel.owl-theme .owl-controls .owl-page span { background: #777; } .jf_p_clients_wrap .jf_carousel .owl-pagination { margin: 60px 0 0 0; } .jf_p_clients_wrap.dark .jf_carousel.owl-theme .owl-controls .owl-page span { background: #fff; } /* end - [NULLED v1.0] PARTICLE: CLIENTS ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: TESTIMONIALS ----------------------------------------------------------------- */ .jf_p_testimonials_wrap { text-align: center; } .jf_p_testimonials_wrap img { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .jf_p_testimonials_wrap .jf_p_t_name { font-size: 16px; font-weight: 600; line-height: 1; margin: 20px 0 8px; } .jf_p_testimonials_wrap h5, .jf_p_testimonials_wrap h6, .jf_p_testimonials_wrap .jf_p_t_name { color: black; } .jf_p_testimonials_wrap h5, .jf_p_testimonials_wrap h6 { margin: 0 0 12px; font-weight: 600; } .jf_p_testimonials_wrap .jf_p_t_job { display: block; line-height: 1; font-size: 13px; opacity: 0.8; } .jf_p_testimonials_wrap .jf_p_t_quote { position: relative; background: #fff; padding: 30px; margin-top: 30px; margin-bottom: 30px; background-color: #fff; color: #666666; } .jf_p_testimonials_wrap .jf_p_t_quote:before { content: ""; display: block; position: absolute; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px; top: -20px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0); } .jf_p_testimonials_wrap .owl-item { padding: 0 25px; } .jf_p_testimonials_wrap .owl-controls { position: relative; bottom: 0; width: 100%; } .jf_p_testimonials_wrap .owl-pagination { margin: 20px 0 0 0; } .jf_p_testimonials_wrap .owl-controls .owl-page span { background: #3e50b4 !important; border: 2px solid rgba(0, 0, 0, 0); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 10px; height: 10px; margin: 0 10px; opacity: 1; } .jf_p_testimonials_wrap .owl-controls .owl-page.active span, .jf_p_testimonials_wrap .owl-controls .owl-page:hover span { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background: rgba(0, 0, 0, 0) !important; border: 2px solid #3e50b4; } .jf_p_testimonials_wrap .lazyOwl { display: block !important; margin: 0 auto; } .jf_p_testimonials_wrap .owl-item.loading { background: 0; } .jf_p_testimonials_wrap .loading .lazyOwl { background-image: url('data:image/svg+xml,%3Csvg%20xmlns:svg="http://www.w3.org/2000/svg"%20xmlns="http://www.w3.org/2000/svg"%20xmlns:xlink="http://www.w3.org/1999/xlink"%20version="1.0"%20width="24px"%20height="24px"%20viewBox="0%200%20128%20128"%20xml:space="preserve"%3E%3Crect%20x="0"%20y="0"%20width="100%"%20height="100%"%20fill="rgba(0,0,0,0)"/%3E%3Cg%3E%3Cpath%20d="M75.4%20126.63a11.43%2011.43%200%200%201-2.1-22.65%2040.9%2040.9%200%200%200%2030.5-30.6%2011.4%2011.4%200%201%201%2022.27%204.87h.02a63.77%2063.77%200%200%201-47.8%2048.05v-.02a11.38%2011.38%200%200%201-2.93.37z"%20fill="#666"%20fill-opacity="1"/%3E%3CanimateTransform%20attributeName="transform"%20type="rotate"%20from="0%2064%2064"%20to="360%2064%2064"%20dur="800ms"%20repeatCount="indefinite"%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; } .jf_p_testimonials_wrap.dark h5, .jf_p_testimonials_wrap.dark h6 { color: black; } .jf_p_testimonials_wrap.dark .jf_p_t_name { color: #fff; } .jf_p_testimonials_wrap.dark .owl-controls .owl-page span { background: #fff !important; } .jf_p_testimonials_wrap.dark .owl-controls .owl-page.active span, .jf_p_testimonials_wrap.dark .owl-controls .owl-page:hover span { background: #3e50b4 !important; } /* end - [NULLED v1.0] PARTICLE: TESTIMONIALS ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: FEATURES INTRO ----------------------------------------------------------------- */ .jf_icon_box_wrap { padding: 30px 20px; -webkit-transition: background 0.3s ease; -khtml-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } /* end - [NULLED v1.0] PARTICLE: FEATURES INTRO ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: CTA ----------------------------------------------------------------- */ .jf_p_cta_img_block { display: block; position: relative; } .jf_p_cta_img_block img { -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .jf_p_cta_img_block .jf_p_cta_lightbox_btn { position: absolute !important; z-index: 10; top: 50% !important; left: 50% !important; box-sizing: content-box; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; outline: none; background: #3e50b4; color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); -khtml-transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); -moz-transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); -ms-transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); -o-transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); transition: all 0.3s cubic-bezier(0.3, -0.15, 0, 3.47); -webkit-transform: translate3d(-50%, -50%, 0); -khtml-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .jf_p_cta_img_block .jf_p_cta_lightbox_btn .fa { font-size: 20px; vertical-align: middle; } .jf_p_cta_img_block .jf_p_cta_lightbox_btn:hover { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1); -khtml-transform: translate3d(-50%, -50%, 0) scale(1.1); -moz-transform: translate3d(-50%, -50%, 0) scale(1.1); -ms-transform: translate3d(-50%, -50%, 0) scale(1.1); -o-transform: translate3d(-50%, -50%, 0) scale(1.1); transform: translate3d(-50%, -50%, 0) scale(1.1); } .jf_p_cta_iconbox { display: block; position: relative; padding-left: 90px; text-align: left; } .jf_p_cta_iconbox.right { padding-left: 0; padding-right: 90px; text-align: right; } .jf_p_cta_iconbox .icon_left { position: absolute; left: 0; } .jf_p_cta_iconbox .icon_right { position: absolute; right: 0; } .jf_p_cta_iconbox .iconbox_content { position: relative; } .jf_p_cta_iconbox .icon_title { display: block; font-weight: 500; font-size: 18px; color: #000; margin: 0 0 10px 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_p_cta_iconbox .icon_hover_svg_stroke, .jf_p_cta_iconbox svg { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_p_cta_iconbox p { margin: 0; } .jf_p_cta_iconbox:hover .icon_title { color: #3e50b4; } .jf_p_cta_iconbox:hover svg { fill: #3e50b4; } .jf_p_cta_iconbox:hover .icon_hover_svg_stroke { stroke: #3e50b4; } /* end - [NULLED v1.0] PARTICLE: CTA ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: PRICING ----------------------------------------------------------------- */ .jf_p_pricing .jf_pricing { width: 100%; margin: 20px 0; /*p { margin: 0!important; padding: 0!important; }*/ } .jf_p_pricing .jf_pricing .col { padding: 0; } .jf_p_pricing .jf_pricing .col > div { padding: 2em 0; background-color: #f1f1f1; } .jf_p_pricing .jf_pricing .col > div .cell { display: block; overflow: hidden; text-align: center; font-size: 13px; line-height: 34px; } .jf_p_pricing .jf_pricing .col > div .cell.heading { color: #000; font-size: 1.2em; font-weight: 500; line-height: 3em; position: relative; z-index: 9; border: 0; vertical-align: bottom; height: 2.5em; } .jf_p_pricing .jf_pricing .col > div .cell.heading { height: 2em; } .jf_p_pricing .jf_pricing .col > div .cell.subheading { font-size: 13px; opacity: 0.8; } .jf_p_pricing .jf_pricing .col > div .cell.pricing { color: #000; font-weight: 400; font-size: 3.5em; line-height: 140px; padding: 0; height: 140px; } .jf_p_pricing .jf_pricing .col > div .cell.pricing small { font-size: 0.5em; line-height: 0.425; font-weight: 300; } .jf_p_pricing .jf_pricing .col.highlighted { padding: 2em 0; background: #fff; margin: -2em 0; } .jf_p_pricing .jf_pricing .col.highlighted > div { background-color: #fff; } .jf_p_pricing .jf_pricing .col.highlighted > div .cell.pricing { font-size: 4.8em; padding: 0; } .jf_p_pricing .jf_pricing .col .fa.fa-check { color: #00d085; margin: 0 10px 0 0; font-size: 12px; } .jf_p_pricing .jf_pricing:before, .jf_p_pricing .jf_pricing:after { content: ""; display: table; clear: both; } .jf_p_pricing.dark .jf_pricing { color: #666666; } /* end - [NULLED v1.0] PARTICLE: PRICING ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: PORTFOLIO ----------------------------------------------------------------- */ [class*="jf_p_p_filterbar"] { margin: 0 0 50px 0; } [class*="jf_p_p_filterbar"] button { padding: 8px; } [class*="jf_p_p_filterbar"] button.btn { padding: 8px 22px; } .jf_p_portfolio { margin: 0 auto; box-sizing: border-box; } .jf_p_portfolio * { box-sizing: border-box; } .jf_p_portfolio [class*="jf_p_p_item"] { position: relative; overflow: hidden; } .jf_p_portfolio [class*="jf_p_p_item"]:hover .jf_p_p_i_overlay { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .jf_p_portfolio .jf_p_p_i_overlay { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #000; opacity: 0; -webkit-transform: scale(1.6); -khtml-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } .jf_p_portfolio .jf_p_p_i_bg { width: 100%; height: 100%; display: table; position: relative; } .jf_p_portfolio .jf_p_p_i_title_wrap { vertical-align: middle; text-align: center; display: table-cell; } .jf_p_portfolio .jf_p_p_i_title { color: #fff; font-weight: 600; font-size: 20px; } @media (max-width: 768px) { .jf_p_portfolio [class*="jf_p_p_sizer"], .jf_p_portfolio [class*="jf_p_p_item"] { width: 100%; } } /* end - [NULLED v1.0] PARTICLE: PORTFOLIO ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: TEAMS ----------------------------------------------------------------- */ .jf_p_teams { position: relative; overflow: hidden; } .jf_p_teams .jf_p_teams_c { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transform: scale(1.6); -khtml-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } .jf_p_teams:hover .jf_p_teams_c { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .jf_p_teams .jf_p_teams_bg { width: 100%; height: 100%; display: table; position: relative; } .jf_p_teams .jf_p_teams_wrap { vertical-align: middle; text-align: center; display: table-cell; color: #fff; } .jf_p_teams .teammate_name { font-size: 24px; font-weight: 600; margin: 0 0 10px; } .jf_p_teams .teammate_pos { margin: 0 0 15px; } .jf_p_teams .jf_p_teams_social a { margin: 0 5px; font-size: 18px; background: #3e50b4; color: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; display: inline-block; line-height: 40px; } .jf_p_teams .jf_p_teams_social a i { vertical-align: middle; } /* end - [NULLED v1.0] PARTICLE: TEAMS ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: CAROUSEL ----------------------------------------------------------------- */ .jf_p_carousel { margin: 0 auto; box-sizing: border-box; } .jf_p_carousel * { box-sizing: border-box; } .jf_p_carousel .jf_p_crsl_item { position: relative; overflow: hidden; margin: 0 10px; } .jf_p_carousel .jf_p_crsl_item_overlay { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transform: scale(1.6); -khtml-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } .jf_p_carousel .jf_p_crsl_item:hover .jf_p_crsl_item_overlay { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .jf_p_carousel .jf_p_crsl_item_bg { width: 100%; height: 100%; display: table; position: relative; } .jf_p_carousel .jf_p_crsl_item_title_wrap { vertical-align: middle; text-align: center; display: table-cell; } .jf_p_carousel .jf_p_crsl_item_title { color: #fff; font-weight: 600; font-size: 20px; } .jf_p_carousel .owl-controls { position: relative; bottom: 0; width: 100%; } .jf_p_carousel .owl-pagination { margin: 40px 0 0 0; } .jf_p_carousel .owl-controls .owl-page span { background: #3e50b4 !important; border: 2px solid rgba(0, 0, 0, 0); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 10px; height: 10px; margin: 0 5px; opacity: 1; } .jf_p_carousel .owl-controls .owl-page.active span, .jf_p_carousel .owl-controls .owl-page:hover span { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background: rgba(0, 0, 0, 0) !important; border: 2px solid #3e50b4; } .jf_p_carousel .lazyOwl { display: block !important; margin: 0 auto; } .jf_p_carousel .owl-item.loading { background: 0; } .jf_p_carousel .loading .lazyOwl { background-image: url('data:image/svg+xml,%3Csvg%20xmlns:svg="http://www.w3.org/2000/svg"%20xmlns="http://www.w3.org/2000/svg"%20xmlns:xlink="http://www.w3.org/1999/xlink"%20version="1.0"%20width="24px"%20height="24px"%20viewBox="0%200%20128%20128"%20xml:space="preserve"%3E%3Crect%20x="0"%20y="0"%20width="100%"%20height="100%"%20fill="rgba(0,0,0,0)"/%3E%3Cg%3E%3Cpath%20d="M75.4%20126.63a11.43%2011.43%200%200%201-2.1-22.65%2040.9%2040.9%200%200%200%2030.5-30.6%2011.4%2011.4%200%201%201%2022.27%204.87h.02a63.77%2063.77%200%200%201-47.8%2048.05v-.02a11.38%2011.38%200%200%201-2.93.37z"%20fill="#666"%20fill-opacity="1"/%3E%3CanimateTransform%20attributeName="transform"%20type="rotate"%20from="0%2064%2064"%20to="360%2064%2064"%20dur="800ms"%20repeatCount="indefinite"%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; } .jf_p_carousel svg { fill: #fff; } .jf_p_carousel.owl-theme .owl-controls .owl-buttons div { background: #666; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .jf_p_carousel.owl-theme .owl-controls .owl-buttons div:hover { background: #3e50b4; } .dark .jf_p_carousel.owl-theme .owl-controls .owl-buttons div { background: #fff; color: #000; } .dark .jf_p_carousel.owl-theme .owl-controls .owl-buttons div:hover { background: #3e50b4; color: #fff; } /* end - [NULLED v1.0] PARTICLE: CAROUSEL ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PARTICLE: FAQ ----------------------------------------------------------------- */ .jf_p_faq { padding: 0 20px; } .jf_p_faq .accordion-group { background: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin: 0; padding: 10px 0; } .jf_p_faq .accordion-heading .accordion-toggle { padding: 15px 0; font-size: 17px; color: #222; position: relative; } .jf_p_faq .accordion-heading .accordion-toggle:hover { color: #3e50b4; } .jf_p_faq .accordion-inner { padding: 0 10px 15px 10px; border-top: 0; font-size: 13px; } .jf_p_faq .jf_p_faq_toggle_icon { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: block; right: 0; left: auto; width: 10px; margin-left: 5px; height: 2px; background: #3e50b4; border: 1px solid #3e50b4; vertical-align: middle; } .jf_p_faq .jf_p_faq_toggle_icon:after, .jf_p_faq .jf_p_faq_toggle_icon:before { content: ""; display: block; left: 50%; top: 50%; position: absolute; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #3e50b4; } .jf_p_faq .collapsed .jf_p_faq_toggle_icon:before { height: 10px; width: 2px; } .jf_p_faq h1, .jf_p_faq h2, .jf_p_faq h3, .jf_p_faq h4, .jf_p_faq h5, .jf_p_faq h6 { color: #000; } .dark .jf_p_faq .accordion-heading .accordion-toggle { color: #fff; } .dark .jf_p_faq .accordion-group { border-bottom: 1px solid rgba(255, 255, 255, 0.07); } /* end - [NULLED v1.0] PARTICLE: FAQ ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] GANTRY 5 PARTICLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SECTIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SECTION: RIGHT PANEL ________________________________________=========== */ /* start - [NULLED v1.0] OPEN BUTTON ----------------------------------------------------------------- */ .jf_panel_r_btn_open { pointer-events: visible; border: 0; padding: 0; margin: 0; background: none; color: inherit; outline: 0; width: 40px; height: 40px; display: inline-block; position: relative; } .jf_panel_r_btn_open:focus { outline: 0; } .jf_panel_r_btn_open .hamb-icon:before, .jf_panel_r_btn_open .hamb-icon, .jf_panel_r_btn_open .hamb-icon:after { position: absolute; right: 0; height: 2px; background-color: #444444; -webkit-transition: 0.25s ease-in-out; -khtml-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; width: 50%; } .jf_panel_r_btn_open .hamb-icon:before { content: ""; width: 50%; top: -8px; } .jf_panel_r_btn_open .hamb-icon:after { content: ""; width: 150%; top: 8px; } .jf_panel_r_btn_open:hover .hamb-icon:before { width: 150%; } .jf_panel_r_btn_open:hover .hamb-icon:after { width: 50%; } .jf_panel_r_btn_open #phItemCartBoxCount { position: absolute; top: 0; right: -10px; background: #f00; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; color: #fff; font-weight: 700; font-size: 10px; font-family: arial, tahoma; text-align: center; } .jf_panel_r_btn_open svg { margin: -2px 0 0 0; float: right; fill: #222; } .jf_panel_r_btn_open.svg_icon { margin: 0 0 0 7px; } /* end - [NULLED v1.0] OPEN BUTTON ----------------------------------------------------------------- */ /* start - [NULLED v1.0] CLOSE BUTTON ----------------------------------------------------------------- */ .jf_panel_r_btn_close { opacity: 0; position: absolute; top: 25px; right: 25px; z-index: 9999; border: 0; padding: 0; margin: 0; background: none; color: inherit; outline: 0; width: 20px; height: 20px; -webkit-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .jf_panel_r_btn_close:focus { outline: 0; } .jf_panel_r_btn_close svg { overflow: hidden; display: block; width: 100%; height: 100%; margin: 0 auto; fill: currentColor; opacity: 0.5; } .jf_panel_r_btn_close:hover { -webkit-transform: rotate(720deg) !important; -khtml-transform: rotate(720deg) !important; -moz-transform: rotate(720deg) !important; -ms-transform: rotate(720deg) !important; -o-transform: rotate(720deg) !important; transform: rotate(720deg) !important; } .jf_panel_r_btn_close:hover svg { opacity: 0.8; } .jf_panel_r_sec.opened .jf_panel_r_btn_close { opacity: 1; -webkit-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.6s 0.135s, transform 0.6s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1); } /* end - [NULLED v1.0] CLOSE BUTTON ----------------------------------------------------------------- */ /* start - [NULLED v1.0] PANEL CONTENT ----------------------------------------------------------------- */ .jf_panel_r_sec { pointer-events: none; position: fixed; top: 0; right: 0; height: 100%; width: 320px; z-index: 9998; } .jf_panel_r_sec.opened { pointer-events: visible; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .jf_panel_r_sec .block-revealer__content { position: relative; display: block; height: 100%; } .jf_panel_r_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; list-style-type: none; margin: 0; background: #fff; overflow: auto; } .jf_panel_r_content .g-title { margin: 0 -25px 10px -25px; padding: 0 20px 20px; } .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; } .jf_panel_r_sec_backout { position: fixed; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; z-index: 9997; } #g-page-surround { transition: transform 0.45s, opacity 0.45s; -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1); transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1); } .jf_panel_r_opened_Body { overflow: hidden; /*.jf_sitepage_wrap { -webkit-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin: 50% -50%; perspective-origin: 50% -50%; overflow: hidden; #g-page-surround { -webkit-filter: blur(10px); filter: blur(2px); @include transform(translate3d(0px, 12%, -170px)); pointer-events: auto; position: relative; &.jf_panel_r_notranslate3d { @include transform(translate3d(0, 0, 0)); -webkit-filter: blur(0); filter: blur(0); } } }*/ } /* end - [NULLED v1.0] PANEL CONTENT ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] SECTION: RIGHT PANEL ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SECTION: NEWS PANEL ________________________________________=========== */ #g-news-panel { pointer-events: none; position: fixed; top: 0; right: 0; height: 100%; width: 320px; z-index: 99889; overflow: hidden; color: #fff; } #g-news-panel .g-title { margin: -5px -25px 10px -25px; padding: 0 20px 20px; } #g-news-panel .g-content { padding: 25px; margin: 0; } #g-news-panel .g-container { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0s, opacity 0.5s linear; -khtml-transition: visibility 0s linear 0s, opacity 0.5s linear; -moz-transition: visibility 0s linear 0s, opacity 0.5s linear; -ms-transition: visibility 0s linear 0s, opacity 0.5s linear; -o-transition: visibility 0s linear 0s, opacity 0.5s linear; transition: visibility 0s linear 0s, opacity 0.5s linear; overflow: auto; height: 100%; width: 100%; } #g-news-panel .jf_panel_n_bg { visibility: hidden; z-index: -1; background: #3e50b4; position: absolute; bottom: 20px; right: 30px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 56px; height: 56px; -webkit-transition: all 0.35s ease-in; -khtml-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; -ms-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } #g-news-panel .jf_panel_n_btn_close { position: absolute; top: 20px; right: 30px; z-index: 9999; border: 0; padding: 0; margin: 0; background: none; color: inherit; outline: 0; width: 20px; height: 20px; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: visibility 0s linear 0s, opacity 0.5s linear, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } #g-news-panel .jf_panel_n_btn_close:focus { outline: 0; } #g-news-panel .jf_panel_n_btn_close svg { overflow: hidden; display: block; width: 100%; height: 100%; margin: 0 auto; fill: currentColor; opacity: 0.5; } #g-news-panel .jf_panel_n_btn_close:hover { -webkit-transform: rotate(720deg); -khtml-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } #g-news-panel .jf_panel_n_btn_close:hover svg { opacity: 1; } #g-news-panel.opened { pointer-events: fill; } #g-news-panel.opened .jf_panel_n_bg { width: 2000px; height: 2100px; visibility: visible; right: -1000px; bottom: -1000px; } #g-news-panel.opened .g-container, #g-news-panel.opened .jf_panel_n_btn_close { opacity: 1; visibility: visible; -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #g-news-panel .g-title { color: #fff; border-color: rgba(255, 255, 255, 0.25); } .jf_panel_n_btn_open { z-index: 9887; background: #3e50b4; color: #fff; -webkit-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); -khtml-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); -moz-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); -ms-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); -o-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); position: relative; line-height: normal; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 24px; margin: auto; width: 56px; height: 56px; padding: 0; border: none; display: inline-block; will-change: box-shadow; -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -khtml-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); outline: 0; cursor: pointer; vertical-align: middle; text-align: center; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); position: fixed; bottom: 20px; right: 30px; cursor: pointer; } .jf_panel_n_btn_open:active { -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); -khtml-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); -ms-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); -o-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); } .jf_panel_n_btn_open svg { vertical-align: middle; } .jf_panel_r_icon_input, .jf_panel_n_icon_input { display: none; } /* start - [NULLED v1.0] bubbles ----------------------------------------------------------------- */ .jf_panel_n_bubble { position: absolute; border-radius: 100%; bottom: 10px; margin-top: -20px; background-color: #fff; z-index: -1; -webkit-transform: translate3d(0, -20px, 0); -khtml-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } /* end - [NULLED v1.0] bubbles ----------------------------------------------------------------- */ /* start - [NULLED v1.0] Responsive ----------------------------------------------------------------- */ @media (max-width: 768px) { .jf_panel_n_btn_open { bottom: 10px; right: 10px; } } /* end - [NULLED v1.0] Responsive ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] SECTION: NEWS PANEL ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SECTION: FOOTER ________________________________________=========== */ #g-footer { background: #222; color: #999; } #g-footer .g-container { border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding: 70px 0; } #g-footer a { color: #999; } #g-footer a:hover { color: #fff; } #g-footer .g-title { font-weight: 600; color: #fff; font-size: 15px; border: 0; margin: 35px -20px 10px -20px; padding: 0 20px 10px; } /* ===========_______________________________ END - [NULLED v1.0] SECTION: FOOTER ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SECTION: BOTTOM FOOTER ________________________________________=========== */ #g-bottom-footer, #g-bottom-footer-2 { background: #222; } #g-bottom-footer .g-content, #g-bottom-footer-2 .g-content { margin-top: 75px; margin-bottom: 75px; padding-top: 0; padding-bottom: 0; } /* ===========_______________________________ END - [NULLED v1.0] SECTION: BOTTOM FOOTER ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] SECTIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] POSITIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] MAIN CONTENT ________________________________________=========== */ #g-main .g-content .platform-content { padding: 20px; margin: 0 0 40px 0; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); } #g-main .g-content .platform-content:last-child { margin: 0; } #g-main.noboxshadow .g-content .platform-content { padding: 0; background: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #g-container-main .moduletable { margin: 0 0 30px 0; } #g-main, #g-container-main { z-index: inherit; position: relative; background: #eeeeee; } /* ===========_______________________________ END - [NULLED v1.0] MAIN CONTENT ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] MAIN CONTENT - LEFT SIDEBAR ________________________________________=========== */ #g-left-sidebar .platform-content { padding: 20px; margin: 0 0 40px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); } #g-left-sidebar .platform-content:last-child { margin: 0; } #g-left-sidebar .platform-content .moduletable { margin: 0; } /* ===========_______________________________ END - [NULLED v1.0] MAIN CONTENT - LEFT SIDEBAR ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BREADCRUMBS ________________________________________=========== */ #g-breadcrumbs .breadcrumb { margin: 0; padding: 0; } #g-breadcrumbs .breadcrumb > li { text-shadow: none; } #g-breadcrumbs .breadcrumb > li > .divider.icon-location { padding: 0 20px 0 0; } /* ===========_______________________________ END - [NULLED v1.0] BREADCRUMBS ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] POSITIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] GLOBAL CSS3 ANIMATIONS ________________________________________=========== */ /* start - [NULLED v1.0] GLOBAL ----------------------------------------------------------------- */ .css3_infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .css3_hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .css3_hinge.css3_rubberBand { -webkit-animation-duration: 7s; animation-duration: 7s; } /* end - [NULLED v1.0] GLOBAL ----------------------------------------------------------------- */ /* start - [NULLED v1.0] JELLO ----------------------------------------------------------------- @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .css3_jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } end - [NULLED v1.0] JELLO ----------------------------------------------------------------- */ /* start - [NULLED v1.0] RUBBER-BAND ----------------------------------------------------------------- */ @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 2.5% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 5% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 7.5% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 12.5% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 17.5% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 2.5% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 5% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 7.5% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 12.5% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 17.5% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .css3_rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /* end - [NULLED v1.0] RUBBER-BAND ----------------------------------------------------------------- */ /* start - [NULLED v1.0] FLIP ----------------------------------------------------------------- @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .css3_flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } end - [NULLED v1.0] FLIP ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] GLOBAL CSS3 ANIMATIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BRANDING ________________________________________=========== */ .jf_logo_copyright { width: 200px; height: 75px; position: relative; line-height: 0; margin: 0 0 0 auto; } .jf_logo_copyright .js-tilt-glare { display: none; } .jf_logo_copyright_wrap { padding: 20px 0 0 0; margin: -20px 0 0 0; overflow: hidden; line-height: 0; } .jf_logo_copyright a { text-align: left; } .jf_logo_copyright svg { width: 100%; height: 100%; } .jf_logo_jump_wrap { position: absolute; height: 100%; top: 0; left: 0; width: auto; } .jf_logo_jump { position: relative; height: 100%; width: 72px; display: inline-block; } .jf_logo_jump:after { position: absolute; bottom: 16%; left: 0; display: block; width: 40%; height: 3.4%; background: rgba(0, 0, 0, 0.1); border-radius: 100%; -webkit-animation: shadow 1s infinite; -moz-animation: shadow 1s infinite; animation: shadow 1s infinite; content: ""; margin-left: 30%; } .jf_logo_jump svg { width: auto; height: 100%; -webkit-animation: bounce 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite; -moz-animation: bounce 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite; animation: bounce 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite; z-index: 2; position: relative; } @-webkit-keyframes bounce { 0% { transform: scale(1, 1); } 50% { transform: scale(0.85, 1.1) translateY(-13px); } } @keyframes bounce { 0% { transform: scale(1, 1); } 50% { transform: scale(0.85, 1.1) translateY(-13px); } } @-webkit-keyframes shadow { 0% { transform: scale(1, 1); } 50% { transform: scale(0.5, 1); opacity: 0.5; } } @keyframes shadow { 0% { transform: scale(1, 1); } 50% { transform: scale(0.5, 1); opacity: 0.5; } } .jf_branding_light .jf_logo_copyright svg g { fill: #fff; } .jf_branding_light .jf_logo_copyright .jf_logo_jump:after { background: rgba(255, 255, 255, 0.15); } .jf_logo_copyright_link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; text-indent: -99999px; z-index: 9; } .jf_branding { display: block; margin: 0 auto; text-align: right; } .jf_branding [class*="jf_br_link"] { color: rgba(0, 0, 0, 0.4); font-size: 10px; text-indent: 0px; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 0 10px; text-decoration: none; } .jf_branding [class*="jf_br_link"]:hover { color: rgba(0, 0, 0, 0.8); } .jf_branding [class*="jf_br_link"]:nth-child(2) { border: 0; display: block; } .jf_branding [class*="jf_br_link"]:last-child { border: 0; } .jf_branding_light.jf_branding [class*="jf_br_link"] { color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } .jf_branding_light.jf_branding [class*="jf_br_link"]:hover { color: rgba(255, 255, 255, 0.8); } .jf_branding .jf_branding_sep { clear: both; height: 20px; } .jf_branding_notice { display: none; } /* ===========_______________________________ END - [NULLED v1.0] BRANDING ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] BLOCK VARIATIONS ________________________________________=========== */ .g-title { font-size: 16px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; margin: 0 0 15px 0; padding: 0 0 10px; border-bottom: 1px solid #eee; border-color: rgba(0, 0, 0, 0.06); } /* start - [NULLED v1.0] COLORS ----------------------------------------------------------------- */ .box-white { color: #666666; } .box-white .g-content { background: #ffffff !important; } .box-white .g-title { color: #3e50b4; border-color: rgba(0, 0, 0, 0.1) !important; } .box-white h1, .box-white h2, .box-white h3, .box-white h4, .box-white h5, .box-white h6, .box-white strong { color: #4d4d4d; } .box-white a { color: #3e50b4; } .box-white a:hover { color: #666666; } .box-primary { color: #ffffff; } .box-primary .g-content { background: #337ab7 !important; } .box-primary .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-primary h1, .box-primary h2, .box-primary h3, .box-primary h4, .box-primary h5, .box-primary h6, .box-primary strong { color: #ffffff; } .box-primary a { color: #9fc4e4; } .box-primary a:hover { color: #ffffff; } .box-info { color: #ffffff; } .box-info .g-content { background: #5bc0de !important; } .box-info .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-info h1, .box-info h2, .box-info h3, .box-info h4, .box-info h5, .box-info h6, .box-info strong { color: #ffffff; } .box-info a { color: #daf1f8; } .box-info a:hover { color: #ffffff; } .box-success { color: #ffffff; } .box-success .g-content { background: #5cb85c !important; } .box-success .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-success h1, .box-success h2, .box-success h3, .box-success h4, .box-success h5, .box-success h6, .box-success strong { color: #ffffff; } .box-success a { color: #c7e6c7; } .box-success a:hover { color: #ffffff; } .box-warning { color: #ffffff; } .box-warning .g-content { background: #f0ad4e !important; } .box-warning .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-warning h1, .box-warning h2, .box-warning h3, .box-warning h4, .box-warning h5, .box-warning h6, .box-warning strong { color: #ffffff; } .box-warning a { color: #fceedb; } .box-warning a:hover { color: #ffffff; } .box-danger { color: #ffffff; } .box-danger .g-content { background: #d9534f !important; } .box-danger .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-danger h1, .box-danger h2, .box-danger h3, .box-danger h4, .box-danger h5, .box-danger h6, .box-danger strong { color: #ffffff; } .box-danger a { color: #f4cecd; } .box-danger a:hover { color: #ffffff; } .box-red { color: #ffffff; } .box-red .g-content { background: #f34235 !important; } .box-red .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-red h1, .box-red h2, .box-red h3, .box-red h4, .box-red h5, .box-red h6, .box-red strong { color: #ffffff; } .box-red a { color: #fcc9c5; } .box-red a:hover { color: #ffffff; } .box-pink { color: #ffffff; } .box-pink .g-content { background: #e81d62 !important; } .box-pink .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-pink h1, .box-pink h2, .box-pink h3, .box-pink h4, .box-pink h5, .box-pink h6, .box-pink strong { color: #ffffff; } .box-pink a { color: #f6a8c2; } .box-pink a:hover { color: #ffffff; } .box-purple { color: #ffffff; } .box-purple .g-content { background: #9b26af !important; } .box-purple .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-purple h1, .box-purple h2, .box-purple h3, .box-purple h4, .box-purple h5, .box-purple h6, .box-purple strong { color: #ffffff; } .box-purple a { color: #d889e5; } .box-purple a:hover { color: #ffffff; } .box-deep-purple { color: #ffffff; } .box-deep-purple .g-content { background: #6639b6 !important; } .box-deep-purple .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-deep-purple h1, .box-deep-purple h2, .box-deep-purple h3, .box-deep-purple h4, .box-deep-purple h5, .box-deep-purple h6, .box-deep-purple strong { color: #ffffff; } .box-deep-purple a { color: #bba5e3; } .box-deep-purple a:hover { color: #ffffff; } .box-indigo { color: #ffffff; } .box-indigo .g-content { background: #3e50b4 !important; } .box-indigo .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-indigo h1, .box-indigo h2, .box-indigo h3, .box-indigo h4, .box-indigo h5, .box-indigo h6, .box-indigo strong { color: #ffffff; } .box-indigo a { color: #a9b2e2; } .box-indigo a:hover { color: #ffffff; } .box-blue { color: #ffffff; } .box-blue .g-content { background: #2095f2 !important; } .box-blue .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-blue h1, .box-blue h2, .box-blue h3, .box-blue h4, .box-blue h5, .box-blue h6, .box-blue strong { color: #ffffff; } .box-blue a { color: #b1dafa; } .box-blue a:hover { color: #ffffff; } .box-light-blue { color: #ffffff; } .box-light-blue .g-content { background: #02a8f3 !important; } .box-light-blue .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-light-blue h1, .box-light-blue h2, .box-light-blue h3, .box-light-blue h4, .box-light-blue h5, .box-light-blue h6, .box-light-blue strong { color: #ffffff; } .box-light-blue a { color: #90dcfe; } .box-light-blue a:hover { color: #ffffff; } .box-cyan { color: #ffffff; } .box-cyan .g-content { background: #00bbd3 !important; } .box-cyan .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-cyan h1, .box-cyan h2, .box-cyan h3, .box-cyan h4, .box-cyan h5, .box-cyan h6, .box-cyan strong { color: #ffffff; } .box-cyan a { color: #6deeff; } .box-cyan a:hover { color: #ffffff; } .box-teal { color: #ffffff; } .box-teal .g-content { background: #009587 !important; } .box-teal .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-teal h1, .box-teal h2, .box-teal h3, .box-teal h4, .box-teal h5, .box-teal h6, .box-teal strong { color: #ffffff; } .box-teal a { color: #2fffeb; } .box-teal a:hover { color: #ffffff; } .box-green { color: #ffffff; } .box-green .g-content { background: #4bae4f !important; } .box-green .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-green h1, .box-green h2, .box-green h3, .box-green h4, .box-green h5, .box-green h6, .box-green strong { color: #ffffff; } .box-green a { color: #b4deb5; } .box-green a:hover { color: #ffffff; } .box-light-green { color: #ffffff; } .box-light-green .g-content { background: #8ac249 !important; } .box-light-green .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-light-green h1, .box-light-green h2, .box-light-green h3, .box-light-green h4, .box-light-green h5, .box-light-green h6, .box-light-green strong { color: #ffffff; } .box-light-green a { color: #d4e8bc; } .box-light-green a:hover { color: #ffffff; } .box-lime { color: #ffffff; } .box-lime .g-content { background: #ccdb38 !important; } .box-lime .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-lime h1, .box-lime h2, .box-lime h3, .box-lime h4, .box-lime h5, .box-lime h6, .box-lime strong { color: #ffffff; } .box-lime a { color: #edf2ba; } .box-lime a:hover { color: #ffffff; } .box-yellow { color: #222222; } .box-yellow .g-content { background: #feea3a !important; } .box-yellow .g-title { color: #222222; border-color: rgba(0, 0, 0, 0.1) !important; } .box-yellow h1, .box-yellow h2, .box-yellow h3, .box-yellow h4, .box-yellow h5, .box-yellow h6, .box-yellow strong { color: #000000; } .box-yellow a { color: #9e8e01; } .box-yellow a:hover { color: #000000; } .box-amber { color: #ffffff; } .box-amber .g-content { background: #fec006 !important; } .box-amber .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-amber h1, .box-amber h2, .box-amber h3, .box-amber h4, .box-amber h5, .box-amber h6, .box-amber strong { color: #ffffff; } .box-amber a { color: #ffe79e; } .box-amber a:hover { color: #ffffff; } .box-orange { color: #ffffff; } .box-orange .g-content { background: #f39c12 !important; } .box-orange .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-orange h1, .box-orange h2, .box-orange h3, .box-orange h4, .box-orange h5, .box-orange h6, .box-orange strong { color: #ffffff; } .box-orange a { color: #fad9a4; } .box-orange a:hover { color: #ffffff; } .box-deep-orange { color: #ffffff; } .box-deep-orange .g-content { background: #fe5621 !important; } .box-deep-orange .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-deep-orange h1, .box-deep-orange h2, .box-deep-orange h3, .box-deep-orange h4, .box-deep-orange h5, .box-deep-orange h6, .box-deep-orange strong { color: #ffffff; } .box-deep-orange a { color: #ffcab9; } .box-deep-orange a:hover { color: #ffffff; } .box-brown { color: #ffffff; } .box-brown .g-content { background: #785447 !important; } .box-brown .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-brown h1, .box-brown h2, .box-brown h3, .box-brown h4, .box-brown h5, .box-brown h6, .box-brown strong { color: #ffffff; } .box-brown a { color: #c1a297; } .box-brown a:hover { color: #ffffff; } .box-grey { color: #ffffff; } .box-grey .g-content { background: #9d9d9d !important; } .box-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-grey h1, .box-grey h2, .box-grey h3, .box-grey h4, .box-grey h5, .box-grey h6, .box-grey strong { color: #ffffff; } .box-grey a { color: #eaeaea; } .box-grey a:hover { color: #ffffff; } .box-blue-grey { color: #ffffff; } .box-blue-grey .g-content { background: #5f7c8a !important; } .box-blue-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-blue-grey h1, .box-blue-grey h2, .box-blue-grey h3, .box-blue-grey h4, .box-blue-grey h5, .box-blue-grey h6, .box-blue-grey strong { color: #ffffff; } .box-blue-grey a { color: #b6c5cc; } .box-blue-grey a:hover { color: #ffffff; } .box-dark-grey { color: #ffffff; } .box-dark-grey .g-content { background: #222222 !important; } .box-dark-grey .g-title { color: #ffffff; border-color: rgba(255, 255, 255, 0.1) !important; } .box-dark-grey h1, .box-dark-grey h2, .box-dark-grey h3, .box-dark-grey h4, .box-dark-grey h5, .box-dark-grey h6, .box-dark-grey strong { color: #ffffff; } .box-dark-grey a { color: #888; } .box-dark-grey a:hover { color: #ffffff; } .box-nobg { color: #666666; } .box-nobg .g-content { background: none !important; } .box-nobg .g-title { color: #3e50b4; border-color: rgba(0, 0, 0, 0.1) !important; } .box-nobg h1, .box-nobg h2, .box-nobg h3, .box-nobg h4, .box-nobg h5, .box-nobg h6, .box-nobg strong { color: #4d4d4d; } .box-nobg a { color: #3e50b4; } .box-nobg a:hover { color: #666666; } /* end - [NULLED v1.0] COLORS ----------------------------------------------------------------- */ /* start - [NULLED v1.0] EFFECTS ----------------------------------------------------------------- */ .box-noshadow .g-content { -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .box-shadow-1 .g-content { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important; } .box-shadow-2 .g-content { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; -khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25) !important; } .box-shadow-3 .g-content { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; -khtml-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.25) !important; } .box-shadow-4 .g-content { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; -khtml-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 6px 24px rgba(0, 0, 0, 0.25) !important; } .box-shadow-5 .g-content { -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; -khtml-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; -ms-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; -o-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12), 0 12px 28px rgba(0, 0, 0, 0.25) !important; } .box-shadow-6 .g-content { -webkit-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; -khtml-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; -ms-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; -o-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.12), 0 24px 60px 0 rgba(0, 0, 0, 0.25) !important; } .box-align-left { text-align: left; } .box-align-right { text-align: right; } .box-align-center { text-align: center; } .box-no-padding .g-content { padding: 0 !important; } .box-no-padding .g-content .g-title { margin: 0 0 10px 0; padding: 0 0 20px; } .box-no-margin .g-content { padding: 0 !important; } .box-no-margin .platform-content, .box-no-margin .g-content { margin: 0 !important; } .box-no-margin .platform-content .g-title, .box-no-margin .g-content .g-title { margin: 0 0 10px 0; padding: 0 0 20px; } /* end - [NULLED v1.0] EFFECTS ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] BLOCK VARIATIONS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] JOOMLA COMPONENTS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] ARTICLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] GLOBAL ________________________________________=========== */ .article-info { margin-bottom: 40px; } .article-info .article-info-term { display: none; } .article-info dd { display: inline-block; margin: 0 10px 0 0; } /* ===========_______________________________ END - [NULLED v1.0] GLOBAL ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SINGLE ARTICLE ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] SINGLE ARTICLE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CATEGORY BLOG ________________________________________=========== */ .blog > .items-leading, .blog > .items-row { margin-bottom: 50px; } /* ===========_______________________________ END - [NULLED v1.0] CATEGORY BLOG ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] FEATURED ARTICLES ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] FEATURED ARTICLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CATEGORY LIST ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] CATEGORY LIST ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CREATE ARTICLE ________________________________________=========== */ .edit.item-page .btn-group > .btn:last-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } /* ===========_______________________________ END - [NULLED v1.0] CREATE ARTICLE ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] ARTICLES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SEARCH ________________________________________=========== */ .platform-content .search .btn-toolbar { margin: 20px 0 40px 0; } .platform-content .search button[name="Search"] { font-size: 14px; } .platform-content .search button[name="Search"] [class^="icon-"], .platform-content .search button[name="Search"] [class*=" icon-"] { margin: 0; } .platform-content .search .phrases { margin: 30px 0; } .platform-content .search .phrases-box { float: left; } .platform-content .search .phrases-box label { margin: 0 10px 0 0; } .platform-content .search .phrases-box label i { margin-right: 5px; } .platform-content .search .only label { margin: 0 10px 0 0; } .platform-content .search .only label i { margin-right: 5px; } .platform-content .search .ordering-box { float: right; } .platform-content .search .form-limit { text-align: right; } .platform-content .search fieldset { padding: 0; } .platform-content .search fieldset legend { width: 100%; padding: 0; margin-bottom: 24px; line-height: 40px; border-bottom: 1px solid #EEE; padding-bottom: 10px; text-transform: uppercase; font-size: 16px; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.7; } .platform-content .search .searchintro strong { background: #FEFFBD; padding: 8px 10px; } .platform-content .finder #finder-search .word { border: none; } .platform-content .finder #finder-search button.btn { color: #FFF; padding: 4px 8px; } .platform-content .finder #finder-search button.btn span { display: none; } .platform-content .finder #finder-search a.btn { color: #555; padding: 4px 20px; } .platform-content .finder #finder-search a.btn:hover { background: #555; color: #fff; } .platform-content .finder #finder-search a.btn.active { background: #555; } .platform-content .finder #finder-search a.btn span { display: none; } .platform-content .finder #finder-search #advancedSearch { border: 1px solid #FFF; } .platform-content .finder #finder-search #advancedSearch hr { display: none; } .platform-content .finder #finder-search #advancedSearch .advanced-search-tip p { margin: 10px 0; } .platform-content .finder #finder-search #advancedSearch .control-label { font-size: 14px; } body .search-results { background: #f9f9f9; padding: 30px 15px; border: 0; } body .search-results .result-title { font-weight: 600; border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 20px 0 0 0; padding: 20px 0 0 0; font-size: 16px; } body .search-results .result-title:first-child { border: 0; margin: 0; padding: 0; } body .search-results dd { margin-left: 10px; margin-right: 10px; } body .search-results .result-created, body .search-results .result-url { text-align: right; font-style: italic; font-size: 12px; } body .search-results li { padding: 20px 0; border-bottom: 1px solid #eee; background: #f9f9f9 !important; } body .search-results li:first-child { padding-top: 0; } body .search-results li:hover { background: transparent; } .autocomplete-suggestions { border: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .autocomplete-selected { background: #FFFDAD; } /* start - [NULLED v1.0] RTL ----------------------------------------------------------------- */ .dir-rtl .platform-content .search .phrases-box label i { margin-right: 2px; margin-left: 5px; } .dir-rtl .platform-content .search .phrases-box label { margin: 0 0 0 10px; } .dir-rtl .platform-content .search .phrases-box { float: right; } .dir-rtl .platform-content .search .ordering-box { float: left; } .dir-rtl .platform-content .search .only label { margin: 0 0 0 10px; } .dir-rtl .platform-content .search .form-limit { text-align: left; } /* end - [NULLED v1.0] RTL ----------------------------------------------------------------- */ /* ===========_______________________________ END - [NULLED v1.0] SEARCH ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] LOGIN ________________________________________=========== */ .platform-content .login .control-group { margin: 20px 0; } .platform-content .logout .form-horizontal .controls { margin-left: 0; } /* ===========_______________________________ END - [NULLED v1.0] LOGIN ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] REGISTRATION ________________________________________=========== */ .platform-content .registration { padding: 20px 0; } .platform-content .registration legend { font-size: 15px; text-transform: uppercase; font-weight: 500; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.5; } .platform-content .registration .control-group { margin: 20px 0; } .platform-content .registration fieldset + .control-group { margin: 10px; } body .invalid { color: #FF1605; } /* ===========_______________________________ END - [NULLED v1.0] REGISTRATION ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] REMIND+RESET ________________________________________=========== */ .platform-content .remind .control-group, .platform-content .reset .control-group { margin: 20px 0; } .platform-content .remind fieldset + .control-group, .platform-content .reset fieldset + .control-group { margin: 10px; } /* ===========_______________________________ END - [NULLED v1.0] REMIND+RESET ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] USER PROFILE ________________________________________=========== */ .platform-content .profile { padding: 20px 0; } .platform-content .profile legend { font-size: 15px; text-transform: uppercase; font-weight: 500; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.5; } .platform-content .profile dt { font-weight: 600; } .platform-content .profile dt, .platform-content .profile dd { line-height: 30px; } #users-profile-core { margin: 0 0 30px 0; } /* ===========_______________________________ END - [NULLED v1.0] USER PROFILE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] EDIT PROFILE ________________________________________=========== */ .platform-content .profile-edit { padding: 20px 0; } .platform-content .profile-edit legend { font-size: 15px; text-transform: uppercase; font-weight: 500; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.5; } .platform-content .profile-edit .control-group { margin: 0; padding: 20px; } .platform-content .profile-edit .control-label { font-weight: 700; } .platform-content .profile-edit fieldset + .control-group { margin: 10px; } /* ===========_______________________________ END - [NULLED v1.0] EDIT PROFILE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] EDIT MODULES ________________________________________=========== */ #modules-form .btn-toolbar { margin: 0 0 40px 0; } #modules-form .btn-toolbar:before, #modules-form .btn-toolbar:after { content: ""; clear: both; display: table; } #modules-form .btn-toolbar .btn-group > .btn:last-child { -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } #modules-form .accordion-group { background: 0; } #modules-form legend { font-size: 15px; text-transform: uppercase; font-weight: 500; /*$opacityMultiplied: ($opacity * 100); filter: alpha(opacity=$opacityMultiplied); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + $opacityMultiplied + ")"; @include css3-prefix('opacity', $opacity);*/ opacity: 0.5; margin: 40px 0; } #modules-form .control-group { margin: 0; padding: 20px; } #modules-form .control-label { font-weight: 700; } .calendar { border: 0; } .calendar thead .headrow, .calendar thead .daynames { background: #eee; } .calendar thead .name { border-bottom: 0; } .calendar table { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); background: #fff; border: 0; } .calendar table .wn { border-right: 0; background: #eee; } .calendar tbody .day, .calendar tbody .wn { padding: 12px 24px; } .calendar tbody td.selected { background: #3e50b4; } .calendar tbody .rowhilite td { background: rgba(62, 80, 180, 0.7); color: #FFF; } .calendar tbody .rowhilite td .weekend { color: #fff; } .calendar thead .title { background: #3e50b4; } .calendar tfoot .ttip { border-top: 0; } /* ===========_______________________________ END - [NULLED v1.0] EDIT MODULES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CHOSEN ________________________________________=========== */ .chzn-container-single .chzn-single, .chzn-container .chzn-drop { background: #fff !important; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); border: 0; outline: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .chzn-container-active.chzn-with-drop .chzn-single { border: 0; } .chzn-container .chzn-results li.highlighted { background: #3e50b4 !important; } .chzn-container { font-size: 14px; } .chzn-container, .chzn-container-multi .chzn-choices li.search-field input[type="text"] { width: auto !important; } .chzn-container-multi .chzn-choices li.search-choice .search-choice-close { top: 9px; } .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height: 24px; } .chzn-container-single .chzn-single div b { background-position: 0px 6px; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 4px; } .chzn-container-single .chzn-single span { line-height: 32px; } .chzn-container-single .chzn-single { height: 32px; line-height: 32px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .chzn-container .chzn-results { padding: 0; margin: 0; } /* ===========_______________________________ END - [NULLED v1.0] CHOSEN ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] TAGGED ITEMS ________________________________________=========== */ .tag-category ul.category, .tag-category ul.thumbnails { margin: 20px 10px; list-style: none; } .tag-category ul.category h3, .tag-category ul.thumbnails h3 { font-size: 18px; font-weight: 500; margin: 0; } .tag-category ul.category h3 a, .tag-category ul.thumbnails h3 a { overflow: hidden; position: relative; -webkit-transition: 0.2s ease; -khtml-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; display: inline-block; line-height: 32px; font-weight: 500; padding: 5px 0; } .tag-category ul.category h3 a:before, .tag-category ul.thumbnails h3 a:before { content: ""; position: absolute; bottom: 1px; height: 2px; width: 100%; -webkit-transform: translateX(-105%); -khtml-transform: translateX(-105%); -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); transform: translateX(-105%); -webkit-transition: 0.5s ease; -khtml-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; background-color: #3e50b4; } .tag-category ul.category h3 a:hover:before, .tag-category ul.thumbnails h3 a:hover:before { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .tag-category ul.thumbnails { margin: 0 10px; } .tag-category ul.thumbnails li { display: inline-block; margin: 0 20px 0 0; } /* ===========_______________________________ END - [NULLED v1.0] TAGGED ITEMS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] OFFLINE ________________________________________=========== */ body[class*="offline"] #frame { text-align: center; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); } /* ===========_______________________________ END - [NULLED v1.0] OFFLINE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] 404 PAGE ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] 404 PAGE ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] CONTACT ________________________________________=========== */ .platform-content .contact .contact-address { display: none; } .platform-content .contact > h2, .platform-content .contact > h3 { display: none; } .platform-content .contact fieldset { margin: 0; padding: 0; font-size: 14px; font-weight: 600; } .platform-content .contact fieldset:before, .platform-content .contact fieldset:after { content: ""; clear: both; display: table; } .platform-content .contact legend { margin: 10px 0; } .platform-content .contact textarea { height: 100px; } .platform-content .contact .control-group { margin: 20px 0; } .platform-content .contact .control-label { font-weight: 600; } .platform-content .contact label { font-weight: 600; } /* ===========_______________________________ END - [NULLED v1.0] CONTACT ________________________________________=========== */ /* ===========_______________________________ END - [NULLED v1.0] JOOMLA COMPONENTS ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SOME GLOBAL CLASSES ________________________________________=========== */ .hide-module-title .g-title { opacity: 0.5; visibility: hidden; } .jf_ku_login_overlay, .jf_panel_r_sec_backout { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMA7jLYnGN8kTwAAABISURBVHja1ZLBDQAgCAOB4v4r66O/SwfQB+pdEEOo1RTWaEunB7yPXoAx8gbuAzhMuIT0WDB+0ZzGnAYcIjzF4h/3LQ5DHJ8LTGYB9fTzHx0AAAAASUVORK5CYII=), auto; } .banner-right .g-content { margin-top: 0; padding-top: 0; padding-left: 0; margin-left: 0; } #system-message-container { margin: 0.625rem; padding: 0.938rem; } #system-message-container .alert { margin: 0; } .jf_browser_mockup { display: inline-block; border: 1px solid #d7d7d7; border-top: 25px solid #d7d7d7; position: relative; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #fff; } .jf_browser_mockup:before { display: block; position: absolute; content: ""; top: -14px; left: 15px; width: 4px; height: 4px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #d21818; -webkit-box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; -khtml-box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; -moz-box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; -ms-box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; -o-box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; box-shadow: 0 0 0 2px #d21818, 20px 0 0 2px #1dba15, 40px 0 0 2px #f5c20f; } .jf_browser_mockup a { outline: 0; display: block; } .jf_noboxshadow { -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .jf_nopadding { padding: 0 !important; } .jf_padding20 { padding: 20px !important; } .jf_nobg { background: 0 !important; } /* ===========_______________________________ END - [NULLED v1.0] SOME GLOBAL CLASSES ________________________________________=========== */ /* ===========_______________________________ START - [NULLED v1.0] SOME FIXES ________________________________________=========== */ .g-bodyonly #jf_mm_menu, .g-bodyonly .jf_ku_login_modal, .g-bodyonly .jf_mm_trigger { display: none; } .contentpane.modal { display: block; position: relative; overflow: auto; } .modal .jf_cb_mobtool_wrap { display: none; } .fa, .material-icons { text-rendering: auto !important; } /* ===========_______________________________ END - [NULLED v1.0] SOME FIXES ________________________________________=========== */ .jf_g_container { margin: 0 auto; padding: 0; width: 78rem; } @media only all and (min-width: 60rem) and (max-width: 77.938rem) { .jf_g_container { width: 60rem; } } @media only all and (min-width: 48rem) and (max-width: 59.938rem) { .jf_g_container { width: 48rem; } } @media only all and (min-width: 30.062rem) and (max-width: 47.938rem) { .jf_g_container { width: 30rem; } } @media only all and (max-width: 30rem) { .jf_g_container { width: 100%; } } .jf_g_container .g-content { margin: 10px; padding: 15px; } /*# sourceMappingURL=jf_template_11.css.map */