├── src
    ├── components
    │   ├── Info
    │   │   ├── style.css
    │   │   └── index.js
    │   ├── Education
    │   │   ├── style.css
    │   │   └── index.js
    │   ├── Language
    │   │   ├── style.css
    │   │   └── index.js
    │   ├── Skill
    │   │   ├── style.css
    │   │   └── index.js
    │   ├── Experience
    │   │   ├── style.css
    │   │   └── index.js
    │   ├── Repository
    │   │   ├── style.css
    │   │   └── index.js
    │   └── PDFExport
    │   │   └── index.js
    ├── App.test.js
    ├── index.js
    ├── App.js
    ├── data
    │   └── cv.json
    └── serviceWorker.js
├── CV.png
├── CV-UI.png
├── .gitattributes
├── CV-UI-Color.png
├── CV-UI-Repos.png
├── CV-UI-Languages.png
├── public
    ├── favicon.ico
    ├── manifest.json
    ├── index.html
    ├── style
    │   └── css
    │   │   └── color
    │   │       ├── navy.css
    │   │       ├── lime.css
    │   │       ├── brown.css
    │   │       ├── green.css
    │   │       ├── orange.css
    │   │       ├── blue.css
    │   │       ├── pink.css
    │   │       ├── purple.css
    │   │       ├── red.css
    │   │       └── yellow.css
    ├── static
    │   └── js
    │   │   └── bootstrap.min.js
    └── style.css
├── package.json
├── LICENSE
├── .gitignore
└── README.md


/src/components/Info/style.css:
--------------------------------------------------------------------------------
1 | .social{
2 |     font-size: 20pt;
3 | }


--------------------------------------------------------------------------------
/CV.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/CV.png


--------------------------------------------------------------------------------
/CV-UI.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/CV-UI.png


--------------------------------------------------------------------------------
/src/components/Education/style.css:
--------------------------------------------------------------------------------
1 | .school-icon{
2 |     font-size: 70pt;
3 | }


--------------------------------------------------------------------------------
/src/components/Language/style.css:
--------------------------------------------------------------------------------
1 | .company-icon{
2 |     font-size: 70pt;
3 | }


--------------------------------------------------------------------------------
/src/components/Skill/style.css:
--------------------------------------------------------------------------------
1 | .company-icon{
2 |     font-size: 70pt;
3 | }


--------------------------------------------------------------------------------
/src/components/Experience/style.css:
--------------------------------------------------------------------------------
1 | .company-icon{
2 |     font-size: 70pt;
3 | }


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/CV-UI-Color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/CV-UI-Color.png


--------------------------------------------------------------------------------
/CV-UI-Repos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/CV-UI-Repos.png


--------------------------------------------------------------------------------
/CV-UI-Languages.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/CV-UI-Languages.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ardacetinkaya/json-as-cv/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/src/components/Repository/style.css:
--------------------------------------------------------------------------------
1 | .github-icon{
2 |     font-size: 70pt;
3 | }
4 | 
5 | .all-repositories{
6 |     background-color: gainsboro !important;
7 | }


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div');
 7 |   ReactDOM.render(<App />, div);
 8 |   ReactDOM.unmountComponentAtNode(div);
 9 | });
10 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "json as CV",
 3 |   "name": "json as CV",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": ".",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | 
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | 
 7 | ReactDOM.render(<App />, document.getElementById('root'));
 8 | 
 9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: https://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "json-as-cv",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "html2canvas": "^1.0.0-rc.7",
 7 |     "jspdf": "^2.1.1",
 8 |     "react": "^16.14.0",
 9 |     "react-dom": "^16.6.1",
10 |     "react-scripts": "^5.0.1"
11 |   },
12 |   "scripts": {
13 |     "dev": "BROWSER=none react-scripts start --openssl-legacy-provider start",
14 |     "build": "NODE_OPTIONS=--openssl-legacy-provider react-scripts build --openssl-legacy-provider build",
15 |     "test": "react-scripts test",
16 |     "eject": "react-scripts eject"
17 |   },
18 |   "browserslist": [
19 |     ">0.2%",
20 |     "not dead",
21 |     "not ie <= 11",
22 |     "not op_mini all"
23 |   ]
24 | }
25 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Experience from './components/Experience'
 3 | import Education from './components/Education'
 4 | import Info from './components/Info'
 5 | import Skill from './components/Skill'
 6 | import Repository from './components/Repository'
 7 | import data from './data/cv.json';
 8 | import Language from './components/Language';
 9 | 
10 | function App() {
11 | 
12 |   return (
13 |     <main>
14 |       <div class="body-wrapper">
15 |         <div class="light-wrapper">
16 |           <div class="container inner">
17 |             <Info data={data.info} settings={data.settings} />
18 |             <br />
19 |             <div class="timeline">
20 |               <Experience data={data.experiences} />
21 |               <Education data={data.educations} />
22 |               <Skill data={data.skills} />
23 |               <Repository data={data.info.github} />
24 |               <Language data={data.languages} />
25 |             </div>
26 |           </div>
27 |         </div>
28 |       </div>
29 | 
30 |     </main>
31 |   );
32 | }
33 | 
34 | export default App;
35 | 


--------------------------------------------------------------------------------
/src/components/PDFExport/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import html2canvas from 'html2canvas';
 3 | import jsPDF from 'jspdf';
 4 | 
 5 | class PDFExport extends React.Component {
 6 |     print = async () => {
 7 |         const input = document.getElementById('root');
 8 | 
 9 |         var pdf = new jsPDF();
10 |         html2canvas(input, {
11 |             scale: 2
12 |         }).then((canvas) => {
13 |             const imgData = canvas.toDataURL('image/png');
14 | 
15 |             pdf = new jsPDF('p', 'mm', [900, 390]);
16 | 
17 |             var width = pdf.internal.pageSize.getWidth();
18 |             var height = pdf.internal.pageSize.getHeight();
19 | 
20 |             pdf.addImage(imgData, 'PNG', 0, 0, width, height);
21 |             pdf.save(`CV.pdf`);
22 |         });
23 |         ;
24 |     }
25 | 
26 |     render() {
27 |         return (
28 |             <>
29 |                 <button class="btn btn-navy btn-icon pull-right" data-html2canvas-ignore="true" onClick={() => this.print()}><i class="jam jam-printer"></i> Export</button>
30 |             </>
31 |         );
32 |     }
33 | }
34 | 
35 | export default PDFExport;


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Arda Cetinkaya
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |   <meta name="description" content="">
 8 |   <meta name="author" content="">
 9 |   <title></title>
10 |   <link href="style/css/bootstrap.min.css" rel="stylesheet">
11 |   <link href="style.css" rel="stylesheet">
12 |   <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
13 |   <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic'
14 |     rel='stylesheet' type='text/css'>
15 |   <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
16 | 
17 |   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
18 |   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
19 |   <!--[if lt IE 9]>
20 |   <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
21 |   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
22 |   <![endif]-->
23 | </head>
24 | 
25 | <body>
26 |   <div id="root"></div>
27 |   <script type="text/jsx" src="style/js/bootstrap.min.js"></script>
28 | </body>
29 | 
30 | </html>


--------------------------------------------------------------------------------
/src/components/Skill/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | 
 4 | class Skill extends React.Component {
 5 |     getItems = (items,isEven=0) => {
 6 |         return items.map(function (item, index) {
 7 |             if (index % 2 === isEven) {
 8 |                 return (
 9 |                     <li key={index}>
10 |                         <p>{item.name}</p>
11 |                         <div class="progress plain">
12 |                             <div class="bar" style={{ width: `${item.score}%` }}></div>
13 |                         </div>
14 |                     </li>
15 |                 )
16 |             } 
17 |             return '';
18 |         })
19 |     }
20 | 
21 | 
22 |     render() {
23 |         return (
24 |             <>
25 |                 <div class="date-title">
26 |                     <span>{this.props.title || "Skills"}</span>
27 |                 </div>
28 |                 <div class="row">
29 |                     <div class="col-sm-6">
30 |                         <div class="divide10"></div>
31 |                         <ul class="progress-list">
32 |                             {this.getItems(this.props.data.items)}
33 |                         </ul>
34 |                     </div>
35 |                     <div class="col-sm-6">
36 |                         <div class="divide10"></div>
37 |                         <ul class="progress-list">
38 |                             {this.getItems(this.props.data.items,1)}
39 |                         </ul>
40 |                     </div>
41 |                 </div>
42 |             </ >
43 |         );
44 | 
45 |     }
46 | }
47 | export default Skill;


--------------------------------------------------------------------------------
/src/components/Language/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | 
 4 | class Language extends React.Component {
 5 |     getItems = (items) => {
 6 |         return items.map(function (item, index) {
 7 |             return (
 8 |                 <tr key={index}>
 9 |                     <td>{item.name}</td>
10 |                     <td>{item.proficiency}</td>
11 |                 </tr>
12 |             );
13 |         })
14 |     }
15 | 
16 | 
17 |     render() {
18 |         return (
19 |             <>
20 |                 <div class="date-title">
21 |                     <span>{this.props.data.title || "Language Proficiency"}</span>
22 |                 </div>
23 |                 <div class="row">
24 |                     <div class="col-sm-12 timeline-item full">
25 |                         <div class="divide10"></div>
26 |                         <div class="post-content">
27 |                             <div class="table-responsive">
28 |                                 <table class="table">
29 |                                     <thead>
30 |                                         <tr>
31 |                                             <th>Language</th>
32 |                                             <th>Proficiency</th>
33 |                                         </tr>
34 |                                     </thead>
35 |                                     <tbody>
36 |                                         {this.getItems(this.props.data.items)}
37 |                                     </tbody>
38 | 
39 |                                 </table>
40 | 
41 |                             </div>
42 |                         </div>
43 |                     </div>
44 |                 </div>
45 |             </ >
46 |         );
47 | 
48 |     }
49 | }
50 | export default Language;


--------------------------------------------------------------------------------
/src/components/Info/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | import PDFExport from '../../components/PDFExport';
 4 | class Info extends React.Component {
 5 |     componentDidMount() {
 6 |         document.title = this.props.data.name;
 7 |         var headID = document.getElementsByTagName('head')[0];
 8 |         var link = document.createElement('link');
 9 |         link.type = "text/css";
10 |         link.rel = "stylesheet";
11 |         headID.appendChild(link);
12 |         link.href = `style/css/color/${this.props.settings.color}.css`;
13 |     }
14 |     render() {
15 |         return (
16 |             <div class="section-title text-left">
17 |                 <h1 class="pull-left">{this.props.data.name}</h1>
18 |                 <PDFExport></PDFExport>
19 |                 {this.props.data.file ? <a href={`${this.props.data.file}`} class="btn btn-navy btn-icon pull-right"><i class="jam jam-download"></i> Download</a> : ""}
20 |                 <div class="clearfix"></div>
21 |                 <ul class="info list-inline">
22 |                     {this.props.data.email ? <li><i class="icon-mail"></i> {this.props.data.email.replace('@', '[at]')}</li> : ""}
23 |                 </ul>
24 |                 <div class="clearfix"></div>
25 |                 <ul class="info list-inline">
26 |                     {this.props.data.www ? <li> <a href={`${this.props.data.www}`} ><i class="jam jam-world social"></i> </a></li> : ""}
27 |                     {this.props.data.github ? <li> <a href={`https://github.com/${this.props.data.github}`} ><i class="jam jam-github social"></i></a></li> : ""}
28 |                     {this.props.data.linkedin ? <li> <a href={`https://github.com/${this.props.data.linkedin}`} ><i class="jam jam-linkedin social"></i></a></li> : ""}
29 |                 </ul>
30 |                 <p class="lead">{this.props.data.description}</p>
31 | 
32 |             </div>
33 |         );
34 |     }
35 | }
36 | 
37 | export default Info;


--------------------------------------------------------------------------------
/src/components/Education/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | 
 4 | class Education extends React.Component {
 5 |     getItems = (items) => {
 6 |         return items.map(function (item,index) {
 7 |             return(
 8 |             <div key={index} class={`col-sm-6 timeline-item ${(index%2===0)?'left':'right'}`}>
 9 |                 <div class="arrow"></div>
10 |                 <div class="post-content">
11 |                     <div class="row">
12 |                         <div class="col-sm-3">
13 |                             <figure>
14 |                                 <div class="text-overlay">
15 |                                     <div class="info"></div>
16 |                                 </div>
17 |                                 <i class="jam jam-shield school-icon"></i>
18 |                             </figure>
19 |                         </div>
20 |                         <div class="col-sm-9">
21 |                         <h4 class="post-title"> {(item.schoolURL)?<a href={`${item.schoolURL}`} target="_blank" rel="noopener noreferrer">{item.schoolName}  <i class="jam jam-link"></i></a>:item.schoolName}</h4>
22 |                             <div class="meta">
23 |                                 <span class="date">{item.start?item.start:"???"} - { item.end ? item.end:"Present"}</span>
24 |                             </div>   
25 |                             <p class="leadsmall">{item.department}</p>                       
26 |                         </div>
27 |                     </div>
28 |                 </div>
29 |             </div>
30 |             )
31 |         })
32 |     }
33 | 
34 |     render() {
35 |         return (
36 |             <>
37 |                 <div class="date-title">
38 |                     <span>{this.props.data.name || "Education"}</span>
39 |                 </div>
40 |                 <div class="row">
41 |                     {this.getItems(this.props.data.items)}
42 |                 </div>
43 |             </ >
44 |         );
45 | 
46 |     }
47 | }
48 | export default Education;


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | 
  9 | # Diagnostic reports (https://nodejs.org/api/report.html)
 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 11 | 
 12 | # Runtime data
 13 | pids
 14 | *.pid
 15 | *.seed
 16 | *.pid.lock
 17 | 
 18 | # Directory for instrumented libs generated by jscoverage/JSCover
 19 | lib-cov
 20 | 
 21 | # Coverage directory used by tools like istanbul
 22 | coverage
 23 | *.lcov
 24 | 
 25 | # nyc test coverage
 26 | .nyc_output
 27 | 
 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 29 | .grunt
 30 | 
 31 | # Bower dependency directory (https://bower.io/)
 32 | bower_components
 33 | 
 34 | # node-waf configuration
 35 | .lock-wscript
 36 | 
 37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 38 | build/Release
 39 | 
 40 | # Dependency directories
 41 | node_modules/
 42 | jspm_packages/
 43 | 
 44 | # TypeScript v1 declaration files
 45 | typings/
 46 | 
 47 | # TypeScript cache
 48 | *.tsbuildinfo
 49 | 
 50 | # Optional npm cache directory
 51 | .npm
 52 | 
 53 | # Optional eslint cache
 54 | .eslintcache
 55 | 
 56 | # Microbundle cache
 57 | .rpt2_cache/
 58 | .rts2_cache_cjs/
 59 | .rts2_cache_es/
 60 | .rts2_cache_umd/
 61 | 
 62 | # Optional REPL history
 63 | .node_repl_history
 64 | 
 65 | # Output of 'npm pack'
 66 | *.tgz
 67 | 
 68 | # Yarn Integrity file
 69 | .yarn-integrity
 70 | 
 71 | # dotenv environment variables file
 72 | .env
 73 | .env.test
 74 | 
 75 | # parcel-bundler cache (https://parceljs.org/)
 76 | .cache
 77 | 
 78 | # Next.js build output
 79 | .next
 80 | 
 81 | # Nuxt.js build / generate output
 82 | .nuxt
 83 | dist
 84 | 
 85 | # Gatsby files
 86 | .cache/
 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 88 | # https://nextjs.org/blog/next-9-1#public-directory-support
 89 | # public
 90 | 
 91 | # vuepress build output
 92 | .vuepress/dist
 93 | 
 94 | # Serverless directories
 95 | .serverless/
 96 | 
 97 | # FuseBox cache
 98 | .fusebox/
 99 | 
100 | # DynamoDB Local files
101 | .dynamodb/
102 | 
103 | # TernJS port file
104 | .tern-port
105 | 
106 | # testing
107 | /coverage
108 | 
109 | # production
110 | /build
111 | /dist
112 | 


--------------------------------------------------------------------------------
/src/components/Experience/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | 
 4 | class Experience extends React.Component {
 5 | 
 6 |     getItems = (items) => {
 7 |         return items.map(function (item,index) {
 8 |             return(
 9 |             <div key={index} class={`col-sm-6 timeline-item ${(index%2===0)?'left':'right'}`}>
10 |                 <div class="arrow"></div>
11 |                 <div class="post-content">
12 |                     <div class="row">
13 |                         <div class="col-sm-3">
14 |                             <figure>
15 |                                 <div class="text-overlay">
16 |                                     <div class="info"></div>
17 |                                 </div>
18 |                                 <i class="jam jam-building company-icon"></i>
19 | 
20 |                             </figure>
21 |                         </div>
22 |                         <div class="col-sm-9">
23 |                             <h4 class="post-title"> {(item.companyURL)?<a href={`${item.companyURL}`} target="_blank" rel="noopener noreferrer">{item.companyName}  <i class="jam jam-link"></i></a>:item.companyName}</h4>
24 |                             <div class="meta">
25 |                                 <span class="date">{item.start?item.start:"???"} - { item.end ? item.end:"Present"}</span>
26 |                                 <span class="category">{item.role}</span>
27 |                             </div>
28 |                             {item.description.map(function(line,index) {
29 |                                   return (<p class="leadsmall" key={index}>{line}</p>);
30 |                             })}
31 |                           
32 |                             <div class="meta small">
33 |                                 <ul class="info list-inline">
34 |                                     {item.tags.map(function(tag,index){
35 |                                         return(
36 |                                             <li key={index}>#{tag}</li>
37 |                                         );
38 |                                     })}
39 |                                 </ul>
40 |                             </div>
41 |                         </div>
42 | 
43 |                     </div>
44 |                 </div>
45 |             </div>
46 |             )
47 |         })
48 |     }
49 | 
50 |     render() {
51 |         return (
52 |             <>
53 |                 <div class="date-title">
54 |                     <span>{this.props.data.title || "Experiences"}</span>
55 |                 </div>
56 |                 <div class="row">
57 |                     {this.getItems(this.props.data.items)}
58 |                 </div>
59 |             </ >
60 |         );
61 |     }
62 | }
63 | export default Experience;


--------------------------------------------------------------------------------
/src/components/Repository/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './style.css';
 3 | 
 4 | class Repository extends React.Component {
 5 |     constructor(props) {
 6 |         super(props);
 7 | 
 8 |         this.state = {
 9 |             repositories: [],
10 |         };
11 |         
12 |         if (this.props.data) {
13 |             fetch(`https://api.github.com/users/${this.props.data}/repos`)
14 |                 .then(resp => resp.json())
15 |                 .then((data) => {
16 |                     this.setState({
17 |                         repositories: data
18 |                     })
19 |                 });
20 |         }
21 |     }
22 |     getGitHubRepositories = (username) => {
23 | 
24 |         if (username) {
25 |             let repositories = this.state.repositories.filter(this.repositoryFilters).sort((a, b) => Date.parse(b.updated_at) - Date.parse(a.updated_at));
26 |             return repositories.slice(0, 5).map(function (item, index) {
27 |                 return (
28 |                     <div key={index} class={`col-sm-6 timeline-item ${(index % 2 === 0) ? 'left' : 'right'}`}>
29 |                         <div class="arrow"></div>
30 |                         <div class="post-content">
31 |                             <div class="row">
32 |                                 <div class="col-sm-3">
33 |                                     <figure>
34 |                                         <div class="text-overlay">
35 |                                             <div class="info"></div>
36 |                                         </div>
37 |                                         <i class="jam jam-github github-icon"></i>
38 | 
39 |                                     </figure>
40 |                                 </div>
41 |                                 <div class="col-sm-9">
42 |                                     <h4 class="post-title"> {(item.html_url) ? <a href={`${item.html_url}`} target="_blank" rel="noopener noreferrer">{item.name}  <i class="jam jam-link"></i></a> : item.name}</h4>
43 |                                     <div class="meta">
44 |                                         <span class="date"><i class="jam jam-star"></i>  {item.stargazers_count}</span>
45 |                                         <span class="category">{item.language}</span>
46 |                                     </div>
47 |                                     <p class="leadsmall" key={index}>{item.description}</p>
48 |                                 </div>
49 | 
50 |                             </div>
51 |                         </div>
52 |                     </div>
53 |                 )
54 |             });
55 |         }
56 |     }
57 |     repositoryFilters = (item) => {
58 |         return item.fork !== true && item.description !== null && item.stargazers_count > 0;
59 |     }
60 | 
61 |     render() {
62 |         if (this.props.data) {
63 |             return (
64 | 
65 |                 <>
66 |                     <div class="date-title">
67 |                         <span>GitHub 5 Repositories</span>
68 |                     </div>
69 |                     <div class="row">
70 |                         {this.getGitHubRepositories(this.props.data)}
71 |                     </div>
72 |                     <div class="date-title">
73 |                         <a href={`https://github.com/${this.props.data}`} target="_blank" rel="noopener noreferrer"> <span class="all-repositories"><i class="jam jam-link"></i> Check all repositories</span></a>
74 |                     </div>
75 |                 </ >
76 |             );
77 |         } else {
78 |             return '';
79 |         }
80 |     }
81 | }
82 | export default Repository;


--------------------------------------------------------------------------------
/src/data/cv.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "settings": {
  3 |         "color": "red"
  4 |     },
  5 |     "info": {
  6 |         "name": "John Doe",
  7 |         "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor quis leo et tincidunt. Maecenas consequat, mauris in tristique laoreet, sapien lectus dignissim sapien, nec sodales urna turpis faucibus dolor. Aliquam vulputate turpis vitae turpis sodales ullamcorper. Etiam non accumsan tortor. Aenean sit amet velit eget nibh lobortis condimentum. Mauris laoreet bibendum sollicitudin. Pellentesque mauris lorem, aliquet nec sem eu, porta semper enim. Praesent iaculis elit id enim ultricies, a vestibulum leo mattis. Curabitur eget porta justo. Vestibulum bibendum ac risus in pulvinar. Vivamus fermentum lacus sed eleifend vehicula. Suspendisse tristique ut ligula quis malesuada. Nam placerat augue id sapien dictum iaculis.",
  8 |         "email": "someone@mail.com",
  9 |         "github": "ardacetinkaya",
 10 |         "www": "https://ardacetinkaya.dev",
 11 |         "linkedin": "https://www.linkedin.com/in/ardacetinkaya/",
 12 |         "file": ""
 13 |     },
 14 |     "experiences": {
 15 |         "title": "Experiences",
 16 |         "items": [
 17 |             {
 18 |                 "companyName": "Some Company",
 19 |                 "companyURL": "https://www.google.com",
 20 |                 "description": [
 21 |                     "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
 22 |                     "Duis laoreet mi ut rutrum pharetra.",
 23 |                     "Donec at dui egestas, tincidunt enim a, tincidunt eros."
 24 |                 ],
 25 |                 "role": "Developer",
 26 |                 "start": "Feb. 2015",
 27 |                 "end": "",
 28 |                 "tags": [
 29 |                     "MCV",
 30 |                     "ASPNET",
 31 |                     "NETFramework",
 32 |                     "SQLServer",
 33 |                     "EntityFramework",
 34 |                     "WCF",
 35 |                     "AOP",
 36 |                     "DI",
 37 |                     "SOA",
 38 |                     "DDD",
 39 |                     "SignalR",
 40 |                     "Redis",
 41 |                     "ITIL"
 42 |                 ]
 43 |             },
 44 |             {
 45 |                 "companyName": "Some Good Company",
 46 |                 "companyURL": "",
 47 |                 "description": [
 48 |                     "Donec congue arcu et facilisis tincidunt.",
 49 |                     "Integer hendrerit nisi id neque blandit egestas eget sit amet nisl.",
 50 |                     "Praesent blandit sem nec leo sollicitudin auctor.",
 51 |                     "Donec ultricies orci vitae dolor placerat dictum."
 52 |                 ],
 53 |                 "role": "Developer",
 54 |                 "start": "Feb. 2015",
 55 |                 "end": "Jan. 2010",
 56 |                 "tags": [
 57 |                     "MCV",
 58 |                     "ASPNET",
 59 |                     "NETFramework",
 60 |                     "SQLServer",
 61 |                     "EntityFramework",
 62 |                     "WCF",
 63 |                     "AOP",
 64 |                     "DI",
 65 |                     "SOA",
 66 |                     "DDD",
 67 |                     "SignalR",
 68 |                     "Redis",
 69 |                     "ITIL"
 70 |                 ]
 71 |             }
 72 |         ]
 73 |     },
 74 |     "educations": {
 75 |         "title": "Education",
 76 |         "items": [
 77 |             {
 78 |                 "schoolName": "University of Codes",
 79 |                 "schoolURL": "https://www.google.com",
 80 |                 "department": "BS, Computer Engineering",
 81 |                 "start": "Sept. 2006",
 82 |                 "end": "Jun. 2010"
 83 |             }
 84 |         ]
 85 |     },
 86 |     "skills": {
 87 |         "title": "Skills",
 88 |         "items": [
 89 |             {
 90 |                 "name": "Software Development Principles",
 91 |                 "score": 80
 92 |             },
 93 |             {
 94 |                 "name": "JavaScript",
 95 |                 "score": 65
 96 |             },
 97 |             {
 98 |                 "name": "C#",
 99 |                 "score": 95
100 |             },
101 |             {
102 |                 "name": ".NET Framework",
103 |                 "score": 90
104 |             },
105 |             {
106 |                 "name": ".NET Core",
107 |                 "score": 90
108 |             },
109 |             {
110 |                 "name": "GO",
111 |                 "score": 30
112 |             },
113 |             {
114 |                 "name": "Java",
115 |                 "score": 14
116 |             }
117 |         ]
118 |     },
119 |     "languages": {
120 |         "title": "Language Proficiency",
121 |         "items": [
122 |             {
123 |                 "name": "Elvish",
124 |                 "proficiency": "Native proficiency"
125 |             },
126 |             {
127 |                 "name": "Klingon",
128 |                 "proficiency": "Full business proficiency"
129 |             }
130 |         ]
131 |     }
132 | }


--------------------------------------------------------------------------------
/src/serviceWorker.js:
--------------------------------------------------------------------------------
  1 | // This optional code is used to register a service worker.
  2 | // register() is not called by default.
  3 | 
  4 | // This lets the app load faster on subsequent visits in production, and gives
  5 | // it offline capabilities. However, it also means that developers (and users)
  6 | // will only see deployed updates on subsequent visits to a page, after all the
  7 | // existing tabs open on the page have been closed, since previously cached
  8 | // resources are updated in the background.
  9 | 
 10 | // To learn more about the benefits of this model and instructions on how to
 11 | // opt-in, read https://bit.ly/CRA-PWA
 12 | 
 13 | const isLocalhost = Boolean(
 14 |   window.location.hostname === 'localhost' ||
 15 |     // [::1] is the IPv6 localhost address.
 16 |     window.location.hostname === '[::1]' ||
 17 |     // 127.0.0.1/8 is considered localhost for IPv4.
 18 |     window.location.hostname.match(
 19 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 20 |     )
 21 | );
 22 | 
 23 | export function register(config) {
 24 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 25 |     // The URL constructor is available in all browsers that support SW.
 26 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
 27 |     if (publicUrl.origin !== window.location.origin) {
 28 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 29 |       // from what our page is served on. This might happen if a CDN is used to
 30 |       // serve assets; see https://github.com/facebook/create-react-app/issues/2374
 31 |       return;
 32 |     }
 33 | 
 34 |     window.addEventListener('load', () => {
 35 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 36 | 
 37 |       if (isLocalhost) {
 38 |         // This is running on localhost. Let's check if a service worker still exists or not.
 39 |         checkValidServiceWorker(swUrl, config);
 40 | 
 41 |         // Add some additional logging to localhost, pointing developers to the
 42 |         // service worker/PWA documentation.
 43 |         navigator.serviceWorker.ready.then(() => {
 44 |           console.log(
 45 |             'This web app is being served cache-first by a service ' +
 46 |               'worker. To learn more, visit http://bit.ly/CRA-PWA'
 47 |           );
 48 |         });
 49 |       } else {
 50 |         // Is not localhost. Just register service worker
 51 |         registerValidSW(swUrl, config);
 52 |       }
 53 |     });
 54 |   }
 55 | }
 56 | 
 57 | function registerValidSW(swUrl, config) {
 58 |   navigator.serviceWorker
 59 |     .register(swUrl)
 60 |     .then(registration => {
 61 |       registration.onupdatefound = () => {
 62 |         const installingWorker = registration.installing;
 63 |         if (installingWorker == null) {
 64 |           return;
 65 |         }
 66 |         installingWorker.onstatechange = () => {
 67 |           if (installingWorker.state === 'installed') {
 68 |             if (navigator.serviceWorker.controller) {
 69 |               // At this point, the updated precached content has been fetched,
 70 |               // but the previous service worker will still serve the older
 71 |               // content until all client tabs are closed.
 72 |               console.log(
 73 |                 'New content is available and will be used when all ' +
 74 |                   'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
 75 |               );
 76 | 
 77 |               // Execute callback
 78 |               if (config && config.onUpdate) {
 79 |                 config.onUpdate(registration);
 80 |               }
 81 |             } else {
 82 |               // At this point, everything has been precached.
 83 |               // It's the perfect time to display a
 84 |               // "Content is cached for offline use." message.
 85 |               console.log('Content is cached for offline use.');
 86 | 
 87 |               // Execute callback
 88 |               if (config && config.onSuccess) {
 89 |                 config.onSuccess(registration);
 90 |               }
 91 |             }
 92 |           }
 93 |         };
 94 |       };
 95 |     })
 96 |     .catch(error => {
 97 |       console.error('Error during service worker registration:', error);
 98 |     });
 99 | }
100 | 
101 | function checkValidServiceWorker(swUrl, config) {
102 |   // Check if the service worker can be found. If it can't reload the page.
103 |   fetch(swUrl)
104 |     .then(response => {
105 |       // Ensure service worker exists, and that we really are getting a JS file.
106 |       const contentType = response.headers.get('content-type');
107 |       if (
108 |         response.status === 404 ||
109 |         (contentType != null && contentType.indexOf('javascript') === -1)
110 |       ) {
111 |         // No service worker found. Probably a different app. Reload the page.
112 |         navigator.serviceWorker.ready.then(registration => {
113 |           registration.unregister().then(() => {
114 |             window.location.reload();
115 |           });
116 |         });
117 |       } else {
118 |         // Service worker found. Proceed as normal.
119 |         registerValidSW(swUrl, config);
120 |       }
121 |     })
122 |     .catch(() => {
123 |       console.log(
124 |         'No internet connection found. App is running in offline mode.'
125 |       );
126 |     });
127 | }
128 | 
129 | export function unregister() {
130 |   if ('serviceWorker' in navigator) {
131 |     navigator.serviceWorker.ready.then(registration => {
132 |       registration.unregister();
133 |     });
134 |   }
135 | }
136 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | ![CV](https://github.com/ardacetinkaya/json-as-cv/blob/master/CV.png)
  2 | 
  3 | # json As CV
  4 | 
  5 | This is a repository to create CV just with a _*.json_ file. Also it is a good start to learn React. 
  6 | 
  7 | With a beneficial web application, this could be a solution for **"I want to learn programming but I don’t know where to start"** dilemma and also for your CV.
  8 | 
  9 | ![CV](https://github.com/ardacetinkaya/json-as-cv/blob/master/CV-UI.png)
 10 | 
 11 | 
 12 | <details>
 13 |   <summary>Click to see as json</summary>
 14 |   
 15 |   ## CV.json
 16 | 
 17 | ```json
 18 | 
 19 | {
 20 |     "settings": {
 21 |         "color": "red"
 22 |     },
 23 |     "info": {
 24 |         "name": "John Doe",
 25 |         "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor quis leo et tincidunt. Maecenas consequat, mauris in tristique laoreet, sapien lectus dignissim sapien, nec sodales urna turpis faucibus dolor. Aliquam vulputate turpis vitae turpis sodales ullamcorper. Etiam non accumsan tortor. Aenean sit amet velit eget nibh lobortis condimentum. Mauris laoreet bibendum sollicitudin. Pellentesque mauris lorem, aliquet nec sem eu, porta semper enim. Praesent iaculis elit id enim ultricies, a vestibulum leo mattis. Curabitur eget porta justo. Vestibulum bibendum ac risus in pulvinar. Vivamus fermentum lacus sed eleifend vehicula. Suspendisse tristique ut ligula quis malesuada. Nam placerat augue id sapien dictum iaculis.",
 26 |         "email": "someone@mail.com",
 27 |         "github": "ardacetinkaya",
 28 |         "www": "https://www.minepla.net",
 29 |         "linkedin": "https://www.linkedin.com/in/ardacetinkaya/",
 30 |         "file": ""
 31 |     },
 32 |     "experiences": {
 33 |         "title": "Experiences",
 34 |         "items": [
 35 |             {
 36 |                 "companyName": "Some Company",
 37 |                 "companyURL": "https://www.google.com",
 38 |                 "description": [
 39 |                     "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
 40 |                     "Duis laoreet mi ut rutrum pharetra.",
 41 |                     "Donec at dui egestas, tincidunt enim a, tincidunt eros."
 42 |                 ],
 43 |                 "role": "Developer",
 44 |                 "start": "Feb. 2015",
 45 |                 "end": "",
 46 |                 "tags": [
 47 |                     "DDD",
 48 |                     "SignalR",
 49 |                     "Redis",
 50 |                     "ITIL"
 51 |                 ]
 52 |             },
 53 |             {
 54 |                 "companyName": "Some Good Company",
 55 |                 "companyURL": "",
 56 |                 "description": [
 57 |                     "Donec congue arcu et facilisis tincidunt.",
 58 |                     "Integer hendrerit nisi id neque blandit egestas eget sit amet nisl.",
 59 |                     "Praesent blandit sem nec leo sollicitudin auctor.",
 60 |                     "Donec ultricies orci vitae dolor placerat dictum."
 61 |                 ],
 62 |                 "role": "Developer",
 63 |                 "start": "Feb. 2015",
 64 |                 "end": "Jan. 2010",
 65 |                 "tags": [
 66 |                     "MCV",
 67 |                     "ASPNET",
 68 |                     "NETFramework"
 69 |                 ]
 70 |             }
 71 |         ]
 72 |     },
 73 |     "educations": {
 74 |         "title": "Education",
 75 |         "items": [
 76 |             {
 77 |                 "schoolName": "University of Codes",
 78 |                 "schoolURL": "https://www.google.com",
 79 |                 "department": "BS, Computer Engineering",
 80 |                 "start": "Sept. 2006",
 81 |                 "end": "Jun. 2010"
 82 |             }
 83 |         ]
 84 |     },
 85 |     "skills": {
 86 |         "title": "Skills",
 87 |         "items": [
 88 |             {
 89 |                 "name": "Software Development Principles",
 90 |                 "score": 80
 91 |             },
 92 |             {
 93 |                 "name": "JavaScript",
 94 |                 "score": 65
 95 |             },
 96 |             {
 97 |                 "name": "C#",
 98 |                 "score": 95
 99 |             },
100 |             {
101 |                 "name": ".NET Framework",
102 |                 "score": 90
103 |             },
104 |             {
105 |                 "name": ".NET Core",
106 |                 "score": 90
107 |             },
108 |             {
109 |                 "name": "GO",
110 |                 "score": 30
111 |             },
112 |             {
113 |                 "name": "Java",
114 |                 "score": 14
115 |             }
116 |         ]
117 |     }
118 | }
119 | ```
120 | </details>
121 | 
122 | Within _*.json_ file it is also possible to set color style for the CV.
123 | 
124 | Current UI template is done by [@elemis](https://github.com/elemis)
125 | 
126 | New templates might be done with ease, feel free to implement your creations. For now, just colors of template can be set within _*.json_ file.
127 | 
128 | Avaliable colors; red, purple, green, blue, brown, lime, navy, orange, pink, yellow
129 | 
130 | 
131 | ```json
132 | 
133 | {
134 |     "settings": {
135 |         "color": "purple"
136 |     }
137 |     ..
138 |     ..
139 | }
140 | ```
141 | 
142 | ![CV](https://github.com/ardacetinkaya/json-as-cv/blob/master/CV-UI-Color.png)
143 | 
144 | 
145 | ### GitHub Integration
146 | 
147 | With GitHub API integration results from ```https://api.github.com/users/{username}/repos```, CV can show info about some GitHub repositories.
148 | 
149 | <img src="https://github.com/ardacetinkaya/json-as-cv/blob/master/CV-UI-Repos.png" width="650">
150 | 
151 | ## !!!UPDATE!!!
152 | 
153 | - Export to PDF is added.
154 | - Language proficiencies is added.
155 | 
156 | <img src="https://github.com/ardacetinkaya/json-as-cv/blob/master/CV-UI-Languages.png" width="650">
157 | 
158 | 
159 | ## Deploy Your Own CV
160 | 
161 | Deploy your own json as CV project, along with Serverless Functions, with Vercel.
162 | 
163 | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/ardacetinkaya/json-as-cv)
164 | 
165 | _Live Example: https://json-as-cv.vercel.app/_
166 | 
167 | #### OR
168 | 
169 | 
170 | Now within [Azure Static Web Apps](https://azure.microsoft.com/en-us/services/app-service/static/) you can also deploy your own json as CV project to Azure
171 | Details: [Quickstart: Building your first static web app](https://docs.microsoft.com/en-us/azure/static-web-apps/getting-started?tabs=vanilla-javascript)
172 | 


--------------------------------------------------------------------------------
/public/style/css/color/navy.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #43525b;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #43525b;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #43525b
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #43525b;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #43525b
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #43525b;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #43525b;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #43525b;
 30 | }
 31 | .contact-info i {
 32 |     color: #43525b;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #43525b
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #43525b;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #43525b
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #43525b !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #43525b;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #43525b !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #43525b
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #43525b
 61 | }
 62 | .item-details li strong {
 63 |     color: #43525b;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #43525b;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #43525b;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #43525b
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #43525b
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #43525b
 79 | }
 80 | .progress-list li em {
 81 |     color: #43525b;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #43525b;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #43525b;
 88 | }
 89 | .icon-large {
 90 |     color: #43525b;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #43525b
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #43525b;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #43525b;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #43525b;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #43525b
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #43525b
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #43525b;
116 |     border: 2px solid #43525b;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #43525b;
120 |     border: 2px solid #43525b;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #43525b
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #43525b;
129 |     background: #43525b;
130 | }
131 | .price {
132 |     color: #43525b;
133 | }
134 | .tooltip-inner {
135 |     background-color: #43525b;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #43525b
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #43525b
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #43525b
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #43525b
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #43525b
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #43525b
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #43525b;
164 |     border-color: #43525b;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #43525b
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #43525b;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #43525b
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #43525b !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #324049;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(67,82,91,.15);
205 |     border-right: 3px solid rgba(67,82,91,.15);
206 |     border-bottom: 3px solid rgba(67,82,91,.15);
207 |     border-top: 3px solid rgba(67,82,91,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(67,82,91,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(67,82,91,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(67,82,91,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(67,82,91,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #c2c7c9; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #c2c7c9; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #c2c7c9;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #c2c7c9
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/lime.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #bbd555;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #bbd555;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #bbd555
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #bbd555;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #bbd555
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #bbd555;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #bbd555;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #bbd555;
 30 | }
 31 | .contact-info i {
 32 |     color: #bbd555;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #bbd555
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #bbd555;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #bbd555
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #bbd555 !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #bbd555;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #bbd555 !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #bbd555
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #bbd555
 61 | }
 62 | .item-details li strong {
 63 |     color: #bbd555;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #bbd555;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #bbd555;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #bbd555
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #bbd555
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #bbd555
 79 | }
 80 | .progress-list li em {
 81 |     color: #bbd555;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #bbd555;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #bbd555;
 88 | }
 89 | .icon-large {
 90 |     color: #bbd555;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #bbd555
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #bbd555;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #bbd555;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #bbd555;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #bbd555
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #bbd555
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #bbd555;
116 |     border: 2px solid #bbd555;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #bbd555;
120 |     border: 2px solid #bbd555;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #bbd555
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #bbd555;
129 |     background: #bbd555;
130 | }
131 | .price {
132 |     color: #bbd555;
133 | }
134 | .tooltip-inner {
135 |     background-color: #bbd555;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #bbd555
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #bbd555
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #bbd555
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #bbd555
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #bbd555
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #bbd555
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #bbd555;
164 |     border-color: #bbd555;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #bbd555
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #bbd555;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #bbd555
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #bbd555 !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #adc64b;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(187,213,85,.15);
205 |     border-right: 3px solid rgba(187,213,85,.15);
206 |     border-bottom: 3px solid rgba(187,213,85,.15);
207 |     border-top: 3px solid rgba(187,213,85,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(187,213,85,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(187,213,85,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(187,213,85,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(187,213,85,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #bbd555; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #bbd555; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #bbd555;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #bbd555
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/brown.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #99724f;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #99724f;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #99724f
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #99724f;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #99724f
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #99724f;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #99724f;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #99724f;
 30 | }
 31 | .contact-info i {
 32 |     color: #99724f;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #99724f
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #99724f;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #99724f
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #99724f !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #99724f;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #99724f !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #99724f
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #99724f
 61 | }
 62 | .item-details li strong {
 63 |     color: #99724f;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #99724f;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #99724f;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #99724f
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #99724f
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #99724f
 79 | }
 80 | .progress-list li em {
 81 |     color: #99724f;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #99724f;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #99724f;
 88 | }
 89 | .icon-large {
 90 |     color: #99724f;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #99724f
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #99724f;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #99724f;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #99724f;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #99724f
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #99724f
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #99724f;
116 |     border: 2px solid #99724f;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #99724f;
120 |     border: 2px solid #99724f;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #99724f
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #99724f;
129 |     background: #99724f;
130 | }
131 | .price {
132 |     color: #99724f;
133 | }
134 | .tooltip-inner {
135 |     background-color: #99724f;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #99724f
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #99724f
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #99724f
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #99724f
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #99724f
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #99724f
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #99724f;
164 |     border-color: #99724f;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #99724f
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #99724f;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #99724f
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #99724f !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #8a6749;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(153,114,79,.15);
205 |     border-right: 3px solid rgba(153,114,79,.15);
206 |     border-bottom: 3px solid rgba(153,114,79,.15);
207 |     border-top: 3px solid rgba(153,114,79,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(153,114,79,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(153,114,79,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(153,114,79,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(153,114,79,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #dcd0c6; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #dcd0c6; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #dcd0c6;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #dcd0c6
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/green.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #45be84;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #45be84;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #45be84
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #45be84;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #45be84
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #45be84;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #45be84;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #45be84;
 30 | }
 31 | .contact-info i {
 32 |     color: #45be84;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #45be84
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #45be84;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #45be84
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #45be84 !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #45be84;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #45be84 !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #45be84
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #45be84
 61 | }
 62 | .item-details li strong {
 63 |     color: #45be84;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #45be84;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #45be84;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #45be84
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #45be84
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #45be84
 79 | }
 80 | .progress-list li em {
 81 |     color: #45be84;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #45be84;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #45be84;
 88 | }
 89 | .icon-large {
 90 |     color: #45be84;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #45be84
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #45be84;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #45be84;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #45be84;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #45be84
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #45be84
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #45be84;
116 |     border: 2px solid #45be84;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #45be84;
120 |     border: 2px solid #45be84;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #45be84
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #45be84;
129 |     background: #45be84;
130 | }
131 | .price {
132 |     color: #45be84;
133 | }
134 | .tooltip-inner {
135 |     background-color: #45be84;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #45be84
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #45be84
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #45be84
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #45be84
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #45be84
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #45be84
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #45be84;
164 |     border-color: #45be84;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #45be84
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #45be84;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #45be84
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #45be84 !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #3ca975;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(69,190,132,.15);
205 |     border-right: 3px solid rgba(69,190,132,.15);
206 |     border-bottom: 3px solid rgba(69,190,132,.15);
207 |     border-top: 3px solid rgba(69,190,132,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(69,190,132,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(69,190,132,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(69,190,132,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(69,190,132,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #c2e6d5; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #c2e6d5; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #c2e6d5;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #c2e6d5
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/orange.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #e18254;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #e18254;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #e18254
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #e18254;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #e18254
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #e18254;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #e18254;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #e18254;
 30 | }
 31 | .contact-info i {
 32 |     color: #e18254;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #e18254
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #e18254;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #e18254
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #e18254 !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #e18254;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #e18254 !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #e18254
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #e18254
 61 | }
 62 | .item-details li strong {
 63 |     color: #e18254;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #e18254;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #e18254;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #e18254
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #e18254
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #e18254
 79 | }
 80 | .progress-list li em {
 81 |     color: #e18254;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #e18254;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #e18254;
 88 | }
 89 | .icon-large {
 90 |     color: #e18254;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #e18254
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #e18254;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #e18254;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #e18254;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #e18254
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #e18254
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #e18254;
116 |     border: 2px solid #e18254;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #e18254;
120 |     border: 2px solid #e18254;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #e18254
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #e18254;
129 |     background: #e18254;
130 | }
131 | .price {
132 |     color: #e18254;
133 | }
134 | .tooltip-inner {
135 |     background-color: #e18254;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #e18254
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #e18254
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #e18254
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #e18254
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #e18254
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #e18254
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #e18254;
164 |     border-color: #e18254;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #e18254
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #e18254;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #e18254
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #e18254 !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #d86e3a;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(225,130,84,.15);
205 |     border-right: 3px solid rgba(225,130,84,.15);
206 |     border-bottom: 3px solid rgba(225,130,84,.15);
207 |     border-top: 3px solid rgba(225,130,84,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(225,130,84,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(225,130,84,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(225,130,84,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(225,130,84,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #f2d5c7; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #f2d5c7; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #f2d5c7;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #f2d5c7
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/blue.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #6abade;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #6abade;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #6abade
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #6abade;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #6abade
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #6abade;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #6abade;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #6abade;
 30 | }
 31 | .contact-info i {
 32 |     color: #6abade;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #6abade
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #6abade;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #6abade
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #6abade !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #6abade;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #6abade !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #6abade
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #6abade
 61 | }
 62 | .item-details li strong {
 63 |     color: #6abade;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #6abade;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #6abade;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #6abade
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #6abade
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #6abade
 79 | }
 80 | .progress-list li em {
 81 |     color: #6abade;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #6abade;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #6abade;
 88 | }
 89 | .icon-large {
 90 |     color: #6abade;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #6abade
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #6abade;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #6abade;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #6abade;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #6abade
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #6abade
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #6abade;
116 |     border: 2px solid #6abade;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #6abade;
120 |     border: 2px solid #6abade;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #6abade
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #6abade;
129 |     background: #6abade;
130 | }
131 | .price {
132 |     color: #6abade;
133 | }
134 | .tooltip-inner {
135 |     background-color: #6abade;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #6abade
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #6abade
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #6abade
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #6abade
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #6abade
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #6abade
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #6abade;
164 |     border-color: #6abade;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #6abade
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #6abade;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #6abade
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #6abade !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #549fc1;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(106,186,222,.15);
205 |     border-right: 3px solid rgba(106,186,222,.15);
206 |     border-bottom: 3px solid rgba(106,186,222,.15);
207 |     border-top: 3px solid rgba(106,186,222,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(106,186,222,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(106,186,222,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(106,186,222,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(106,186,222,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #cee6f1; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #cee6f1; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #cee6f1;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #cee6f1
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/pink.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #df739b;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #df739b;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #df739b
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #df739b;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #df739b
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #df739b;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #df739b;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #df739b;
 30 | }
 31 | .contact-info i {
 32 |     color: #df739b;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #df739b
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #df739b;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #df739b
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #df739b !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #df739b;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #df739b !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #df739b
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #df739b
 61 | }
 62 | .item-details li strong {
 63 |     color: #df739b;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #df739b;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #df739b;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #df739b
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #df739b
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #df739b
 79 | }
 80 | .progress-list li em {
 81 |     color: #df739b;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #df739b;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #df739b;
 88 | }
 89 | .icon-large {
 90 |     color: #df739b;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #df739b
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #df739b;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #df739b;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #df739b;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #df739b
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #df739b
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #df739b;
116 |     border: 2px solid #df739b;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #df739b;
120 |     border: 2px solid #df739b;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #df739b
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #df739b;
129 |     background: #df739b;
130 | }
131 | .price {
132 |     color: #df739b;
133 | }
134 | .tooltip-inner {
135 |     background-color: #df739b;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #df739b
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #df739b
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #df739b
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #df739b
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #df739b
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #df739b
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #df739b;
164 |     border-color: #df739b;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #df739b
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #df739b;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #df739b
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #df739b !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #cc668d;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(223,115,155,.15);
205 |     border-right: 3px solid rgba(223,115,155,.15);
206 |     border-bottom: 3px solid rgba(223,115,155,.15);
207 |     border-top: 3px solid rgba(223,115,155,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(223,115,155,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(223,115,155,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(223,115,155,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(223,115,155,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #f1d1dd; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #f1d1dd; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #f1d1dd;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #f1d1dd
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/purple.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #6a7dde;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #6a7dde;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #6a7dde
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #6a7dde;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #6a7dde
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #6a7dde;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #6a7dde;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #6a7dde;
 30 | }
 31 | .contact-info i {
 32 |     color: #6a7dde;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #6a7dde
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #6a7dde;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #6a7dde
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #6a7dde !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #6a7dde;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #6a7dde !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #6a7dde
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #6a7dde
 61 | }
 62 | .item-details li strong {
 63 |     color: #6a7dde;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #6a7dde;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #6a7dde;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #6a7dde
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #6a7dde
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #6a7dde
 79 | }
 80 | .progress-list li em {
 81 |     color: #6a7dde;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #6a7dde;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #6a7dde;
 88 | }
 89 | .icon-large {
 90 |     color: #6a7dde;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #6a7dde
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #6a7dde;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #6a7dde;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #6a7dde;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #6a7dde
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #6a7dde
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #6a7dde;
116 |     border: 2px solid #6a7dde;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #6a7dde;
120 |     border: 2px solid #6a7dde;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #6a7dde
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #6a7dde;
129 |     background: #6a7dde;
130 | }
131 | .price {
132 |     color: #6a7dde;
133 | }
134 | .tooltip-inner {
135 |     background-color: #6a7dde;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #6a7dde
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #6a7dde
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #6a7dde
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #6a7dde
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #6a7dde
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #6a7dde
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #6a7dde;
164 |     border-color: #6a7dde;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #6a7dde
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #6a7dde;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #6a7dde
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #6a7dde !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #5e6fc7;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(106,125,222,.15);
205 |     border-right: 3px solid rgba(106,125,222,.15);
206 |     border-bottom: 3px solid rgba(106,125,222,.15);
207 |     border-top: 3px solid rgba(106,125,222,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(106,125,222,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(106,125,222,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(106,125,222,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(106,125,222,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #ced4f1; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #ced4f1; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #ced4f1;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #ced4f1
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/red.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #e0676a;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #e0676a;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #e0676a
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #e0676a;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #e0676a
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #e0676a;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #e0676a;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #e0676a;
 30 | }
 31 | .contact-info i {
 32 |     color: #e0676a;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #e0676a
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #e0676a;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #e0676a
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #e0676a !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #e0676a;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #e0676a !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #e0676a
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #e0676a
 61 | }
 62 | .item-details li strong {
 63 |     color: #e0676a;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #e0676a;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #e0676a;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #e0676a
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #e0676a
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #e0676a
 79 | }
 80 | .progress-list li em {
 81 |     color: #e0676a;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #e0676a;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #e0676a;
 88 | }
 89 | .icon-large {
 90 |     color: #e0676a;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #e0676a
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #e0676a;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #e0676a;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #e0676a;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #e0676a
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #e0676a
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #e0676a;
116 |     border: 2px solid #e0676a;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #e0676a;
120 |     border: 2px solid #e0676a;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #e0676a
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #e0676a;
129 |     background: #e0676a;
130 | }
131 | .price {
132 |     color: #e0676a;
133 | }
134 | .tooltip-inner {
135 |     background-color: #e0676a;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #e0676a
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #e0676a
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #e0676a
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #e0676a
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #e0676a
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #e0676a
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #e0676a;
164 |     border-color: #e0676a;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #e0676a
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #e0676a;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #e0676a
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #e0676a !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #cb585b;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(224,103,106,.15);
205 |     border-right: 3px solid rgba(224,103,106,.15);
206 |     border-bottom: 3px solid rgba(224,103,106,.15);
207 |     border-top: 3px solid rgba(224,103,106,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(224,103,106,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(224,103,106,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(224,103,106,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(224,103,106,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #f1cdce; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #f1cdce; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #f1cdce;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #f1cdce
235 | }


--------------------------------------------------------------------------------
/public/style/css/color/yellow.css:
--------------------------------------------------------------------------------
  1 | /*-----------------------------------------------------------------------------------*/
  2 | /*	MAIN COLOR
  3 | /*-----------------------------------------------------------------------------------*/
  4 | a {
  5 |     color: #f1bd69;
  6 | }
  7 | a:hover,
  8 | a:focus {
  9 |     color: #f1bd69;
 10 | }
 11 | .link-effect:hover {
 12 |     color: #f1bd69
 13 | }
 14 | .link-effect:after {
 15 |     background-color: #f1bd69;
 16 | }
 17 | .post-title a:hover {
 18 |     color: #f1bd69
 19 | }
 20 | .section-title.text-center:after {
 21 |     color: #f1bd69;
 22 | }
 23 | .meta,
 24 | .meta a,
 25 | .more {
 26 |     color: #f1bd69;
 27 | }
 28 | ul.circled li:before {
 29 |     color: #f1bd69;
 30 | }
 31 | .contact-info i {
 32 |     color: #f1bd69;
 33 | }
 34 | .contact-info a:hover {
 35 |     color: #f1bd69
 36 | }
 37 | .btn,
 38 | .vanilla-form label.custom-select span {
 39 |     background: #f1bd69;
 40 | }
 41 | .navbar .nav > li.current > a {
 42 |     box-shadow: 0 2px 0 #f1bd69
 43 | }
 44 | .navbar .dropdown-menu {
 45 |     border-top: 2px solid #f1bd69 !important;
 46 | }
 47 | .navbar .top-bar a:hover {
 48 | 	color: #f1bd69;
 49 | }
 50 | .navbar.fixed .navbar-nav > li > a:focus,
 51 | .navbar.fixed .nav > li > a:hover,
 52 | .navbar.fixed .nav > li.current > a,
 53 | .navbar.solid .nav > li > a:hover {
 54 |     color: #f1bd69 !important
 55 | }
 56 | .cbp-filter-container .cbp-filter-item:hover {
 57 |     color: #f1bd69
 58 | }
 59 | .cbp-filter-container .cbp-filter-item.cbp-filter-item-active {
 60 |     box-shadow: 0 2px 0 #f1bd69
 61 | }
 62 | .item-details li strong {
 63 |     color: #f1bd69;
 64 | }
 65 | .timeline .date-title span {
 66 |     background: #f1bd69;
 67 | }
 68 | .timeline-item:not(.full) .post-content:before {
 69 |     background: #f1bd69;
 70 | }
 71 | .sidebox a:hover {
 72 |     color: #f1bd69
 73 | }
 74 | .widget .post-list h5 a:hover {
 75 |     color: #f1bd69
 76 | }
 77 | .widget .post-list .meta em a:hover {
 78 |     color: #f1bd69
 79 | }
 80 | .progress-list li em {
 81 |     color: #f1bd69;
 82 | }
 83 | .progress.plain {
 84 |     border: 1px solid #f1bd69;
 85 | }
 86 | .progress.plain .bar {
 87 |     background: #f1bd69;
 88 | }
 89 | .icon-large {
 90 |     color: #f1bd69;
 91 | }
 92 | .tabs-top .tab a:hover,
 93 | .tabs-top .tab.active a {
 94 |     color: #f1bd69
 95 | }
 96 | .tabs-top.bordered .tab {
 97 |     border: 2px solid #f1bd69;
 98 | }
 99 | .tabs-top.bordered .tab a {
100 |     color: #f1bd69;
101 | }
102 | .tabs-top.bordered .tab a:hover,
103 | .tabs-top.bordered .tab.active a {
104 |     background: #f1bd69;
105 | }
106 | .panel-group .panel-active a,
107 | .panel-group .panel-title > a:hover {
108 |     color: #f1bd69
109 | }
110 | .panel-group .panel-heading .panel-title:hover,
111 | .panel-group .panel-active .panel-heading .panel-title {
112 |     color: #f1bd69
113 | }
114 | .bordered .panel-heading .panel-title {
115 |     color: #f1bd69;
116 |     border: 2px solid #f1bd69;
117 | }
118 | .bordered .panel-heading .panel-title:hover {
119 |     background: #f1bd69;
120 |     border: 2px solid #f1bd69;
121 | }
122 | .bordered .panel-title > a {
123 |     color: #f1bd69
124 | }
125 | .bordered .panel-title:hover,
126 | .bordered .panel-active .panel-heading .panel-title,
127 | .bordered .panel-active .panel-heading .panel-title:hover {
128 |     border: 2px solid #f1bd69;
129 |     background: #f1bd69;
130 | }
131 | .price {
132 |     color: #f1bd69;
133 | }
134 | .tooltip-inner {
135 |     background-color: #f1bd69;
136 | }
137 | .tooltip.top .tooltip-arrow,
138 | .tooltip.top-left .tooltip-arrow,
139 | .tooltip.top-right .tooltip-arrow {
140 |     border-top-color: #f1bd69
141 | }
142 | .tooltip.right .tooltip-arrow {
143 |     border-right-color: #f1bd69
144 | }
145 | .tooltip.left .tooltip-arrow {
146 |     border-left-color: #f1bd69
147 | }
148 | .tooltip.bottom .tooltip-arrow,
149 | .tooltip.bottom-left .tooltip-arrow,
150 | .tooltip.bottom-right .tooltip-arrow {
151 |     border-bottom-color: #f1bd69
152 | }
153 | #comments .info h2 a:hover {
154 |     color: #f1bd69
155 | }
156 | .vanilla-form input[type="radio"]:focus + span,
157 | .vanilla-form input[type="checkbox"]:focus + span,
158 | .vanilla-form input[type="radio"]:active + span,
159 | .vanilla-form input[type="checkbox"]:active + span {
160 |     border-color: #f1bd69
161 | }
162 | .vanilla-form input[type="radio"] + span::after {
163 |     background-color: #f1bd69;
164 |     border-color: #f1bd69;
165 | }
166 | .vanilla-form input[type="radio"]:checked + span,
167 | .vanilla-form input[type="checkbox"]:checked + span {
168 |     border: 1px solid #f1bd69
169 | }
170 | .vanilla-form input[type="checkbox"] + span::after {
171 |     border: 0 solid #f1bd69;
172 | }
173 | .share-affix .icon-s-email:hover {
174 |     color: #f1bd69
175 | }
176 | @media (max-width: 991px) {
177 | 	.navbar .nav > li.current > a,
178 | 	.navbar .nav > li > a:hover,
179 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
180 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
181 | 	    color: #f1bd69 !important
182 | 	}
183 | }
184 | /*-----------------------------------------------------------------------------------*/
185 | /*	HOVER
186 | /*-----------------------------------------------------------------------------------*/
187 | .btn:hover,
188 | .btn:focus,
189 | .btn:active,
190 | .btn.active,
191 | .pagination ul > li > a:hover,
192 | .pagination ul > li > a:focus,
193 | .pagination ul > .active > a,
194 | .pagination ul > .active > span {
195 |     background: #e2aa4f;
196 | }
197 | /*-----------------------------------------------------------------------------------*/
198 | /*	RGBA
199 | /*-----------------------------------------------------------------------------------*/
200 | .spinner,
201 | .tp-loader.spinner0,
202 | .cbp-popup-singlePageInline:before,
203 | #fancybox-loading div {
204 |     border-left: 3px solid rgba(241,189,105,.15);
205 |     border-right: 3px solid rgba(241,189,105,.15);
206 |     border-bottom: 3px solid rgba(241,189,105,.15);
207 |     border-top: 3px solid rgba(241,189,105,.8);
208 | }
209 | .color-wrapper {
210 |     background: rgba(241,189,105,0.8);
211 | }
212 | .cbp-caption-fadeIn .cbp-caption-activeWrap {
213 |     background: rgba(241,189,105,0.9)
214 | }
215 | figure a .text-overlay {
216 |     background: rgba(241,189,105,0.9);
217 | }
218 | .icon-overlay a .icn-more {
219 |     background: rgba(241,189,105,0.9);
220 | }
221 | /*-----------------------------------------------------------------------------------*/
222 | /*	SELECTION
223 | /*-----------------------------------------------------------------------------------*/
224 | ::selection {
225 |     background: #f7e7ce; /* Safari */
226 | }
227 | ::-moz-selection {
228 |     background: #f7e7ce; /* Firefox */
229 | }
230 | .animated-text.type .animated-text-wrapper::after {
231 |     background-color: #f7e7ce;
232 | }
233 | .animated-text.type .animated-text-wrapper.selected {
234 |     background-color: #f7e7ce
235 | }


--------------------------------------------------------------------------------
/public/static/js/bootstrap.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.3.2 (http://getbootstrap.com)
 3 |  * Copyright 2011-2015 Twitter, Inc.
 4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 5 |  */
 6 | 
 7 | /*!
 8 |  * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=a5401a801c0cac6e2fb5)
 9 |  * Config saved to config.json and https://gist.github.com/a5401a801c0cac6e2fb5
10 |  */
11 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(t){"use strict";var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1==e[0]&&9==e[1]&&e[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var i=t(this),s=i.data("bs.alert");s||i.data("bs.alert",s=new o(this)),"string"==typeof e&&s[e].call(i)})}var i='[data-dismiss="alert"]',o=function(e){t(e).on("click",i,this.close)};o.VERSION="3.3.2",o.TRANSITION_DURATION=150,o.prototype.close=function(e){function i(){a.detach().trigger("closed.bs.alert").remove()}var s=t(this),n=s.attr("data-target");n||(n=s.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,""));var a=t(n);e&&e.preventDefault(),a.length||(a=s.closest(".alert")),a.trigger(e=t.Event("close.bs.alert")),e.isDefaultPrevented()||(a.removeClass("in"),t.support.transition&&a.hasClass("fade")?a.one("bsTransitionEnd",i).emulateTransitionEnd(o.TRANSITION_DURATION):i())};var s=t.fn.alert;t.fn.alert=e,t.fn.alert.Constructor=o,t.fn.alert.noConflict=function(){return t.fn.alert=s,this},t(document).on("click.bs.alert.data-api",i,o.prototype.close)}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.button"),n="object"==typeof e&&e;s||o.data("bs.button",s=new i(this,n)),"toggle"==e?s.toggle():e&&s.setState(e)})}var i=function(e,o){this.$element=t(e),this.options=t.extend({},i.DEFAULTS,o),this.isLoading=!1};i.VERSION="3.3.2",i.DEFAULTS={loadingText:"loading..."},i.prototype.setState=function(e){var i="disabled",o=this.$element,s=o.is("input")?"val":"html",n=o.data();e+="Text",null==n.resetText&&o.data("resetText",o[s]()),setTimeout(t.proxy(function(){o[s](null==n[e]?this.options[e]:n[e]),"loadingText"==e?(this.isLoading=!0,o.addClass(i).attr(i,i)):this.isLoading&&(this.isLoading=!1,o.removeClass(i).removeAttr(i))},this),0)},i.prototype.toggle=function(){var t=!0,e=this.$element.closest('[data-toggle="buttons"]');if(e.length){var i=this.$element.find("input");"radio"==i.prop("type")&&(i.prop("checked")&&this.$element.hasClass("active")?t=!1:e.find(".active").removeClass("active")),t&&i.prop("checked",!this.$element.hasClass("active")).trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active"));t&&this.$element.toggleClass("active")};var o=t.fn.button;t.fn.button=e,t.fn.button.Constructor=i,t.fn.button.noConflict=function(){return t.fn.button=o,this},t(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(i){var o=t(i.target);o.hasClass("btn")||(o=o.closest(".btn")),e.call(o,"toggle"),i.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(e){t(e.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(e.type))})}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.carousel"),n=t.extend({},i.DEFAULTS,o.data(),"object"==typeof e&&e),a="string"==typeof e?e:n.slide;s||o.data("bs.carousel",s=new i(this,n)),"number"==typeof e?s.to(e):a?s[a]():n.interval&&s.pause().cycle()})}var i=function(e,i){this.$element=t(e),this.$indicators=this.$element.find(".carousel-indicators"),this.options=i,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",t.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",t.proxy(this.pause,this)).on("mouseleave.bs.carousel",t.proxy(this.cycle,this))};i.VERSION="3.3.2",i.TRANSITION_DURATION=600,i.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},i.prototype.keydown=function(t){if(!/input|textarea/i.test(t.target.tagName)){switch(t.which){case 37:this.prev();break;case 39:this.next();break;default:return}t.preventDefault()}},i.prototype.cycle=function(e){return e||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(t.proxy(this.next,this),this.options.interval)),this},i.prototype.getItemIndex=function(t){return this.$items=t.parent().children(".item"),this.$items.index(t||this.$active)},i.prototype.getItemForDirection=function(t,e){var i=this.getItemIndex(e),o="prev"==t&&0===i||"next"==t&&i==this.$items.length-1;if(o&&!this.options.wrap)return e;var s="prev"==t?-1:1,n=(i+s)%this.$items.length;return this.$items.eq(n)},i.prototype.to=function(t){var e=this,i=this.getItemIndex(this.$active=this.$element.find(".item.active"));return t>this.$items.length-1||0>t?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){e.to(t)}):i==t?this.pause().cycle():this.slide(t>i?"next":"prev",this.$items.eq(t))},i.prototype.pause=function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&t.support.transition&&(this.$element.trigger(t.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},i.prototype.next=function(){return this.sliding?void 0:this.slide("next")},i.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},i.prototype.slide=function(e,o){var s=this.$element.find(".item.active"),n=o||this.getItemForDirection(e,s),a=this.interval,r="next"==e?"left":"right",l=this;if(n.hasClass("active"))return this.sliding=!1;var h=n[0],d=t.Event("slide.bs.carousel",{relatedTarget:h,direction:r});if(this.$element.trigger(d),!d.isDefaultPrevented()){if(this.sliding=!0,a&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var p=t(this.$indicators.children()[this.getItemIndex(n)]);p&&p.addClass("active")}var c=t.Event("slid.bs.carousel",{relatedTarget:h,direction:r});return t.support.transition&&this.$element.hasClass("slide")?(n.addClass(e),n[0].offsetWidth,s.addClass(r),n.addClass(r),s.one("bsTransitionEnd",function(){n.removeClass([e,r].join(" ")).addClass("active"),s.removeClass(["active",r].join(" ")),l.sliding=!1,setTimeout(function(){l.$element.trigger(c)},0)}).emulateTransitionEnd(i.TRANSITION_DURATION)):(s.removeClass("active"),n.addClass("active"),this.sliding=!1,this.$element.trigger(c)),a&&this.cycle(),this}};var o=t.fn.carousel;t.fn.carousel=e,t.fn.carousel.Constructor=i,t.fn.carousel.noConflict=function(){return t.fn.carousel=o,this};var s=function(i){var o,s=t(this),n=t(s.attr("data-target")||(o=s.attr("href"))&&o.replace(/.*(?=#[^\s]+$)/,""));if(n.hasClass("carousel")){var a=t.extend({},n.data(),s.data()),r=s.attr("data-slide-to");r&&(a.interval=!1),e.call(n,a),r&&n.data("bs.carousel").to(r),i.preventDefault()}};t(document).on("click.bs.carousel.data-api","[data-slide]",s).on("click.bs.carousel.data-api","[data-slide-to]",s),t(window).on("load",function(){t('[data-ride="carousel"]').each(function(){var i=t(this);e.call(i,i.data())})})}(jQuery),+function(t){"use strict";function e(e){e&&3===e.which||(t(s).remove(),t(n).each(function(){var o=t(this),s=i(o),n={relatedTarget:this};s.hasClass("open")&&(s.trigger(e=t.Event("hide.bs.dropdown",n)),e.isDefaultPrevented()||(o.attr("aria-expanded","false"),s.removeClass("open").trigger("hidden.bs.dropdown",n)))}))}function i(e){var i=e.attr("data-target");i||(i=e.attr("href"),i=i&&/#[A-Za-z]/.test(i)&&i.replace(/.*(?=#[^\s]*$)/,""));var o=i&&t(i);return o&&o.length?o:e.parent()}function o(e){return this.each(function(){var i=t(this),o=i.data("bs.dropdown");o||i.data("bs.dropdown",o=new a(this)),"string"==typeof e&&o[e].call(i)})}var s=".dropdown-backdrop",n='[data-toggle="dropdown"]',a=function(e){t(e).on("click.bs.dropdown",this.toggle)};a.VERSION="3.3.2",a.prototype.toggle=function(o){var s=t(this);if(!s.is(".disabled, :disabled")){var n=i(s),a=n.hasClass("open");if(e(),!a){"ontouchstart"in document.documentElement&&!n.closest(".navbar-nav").length&&t('<div class="dropdown-backdrop"/>').insertAfter(t(this)).on("click",e);var r={relatedTarget:this};if(n.trigger(o=t.Event("show.bs.dropdown",r)),o.isDefaultPrevented())return;s.trigger("focus").attr("aria-expanded","true"),n.toggleClass("open").trigger("shown.bs.dropdown",r)}return!1}},a.prototype.keydown=function(e){if(/(38|40|27|32)/.test(e.which)&&!/input|textarea/i.test(e.target.tagName)){var o=t(this);if(e.preventDefault(),e.stopPropagation(),!o.is(".disabled, :disabled")){var s=i(o),a=s.hasClass("open");if(!a&&27!=e.which||a&&27==e.which)return 27==e.which&&s.find(n).trigger("focus"),o.trigger("click");var r=" li:not(.divider):visible a",l=s.find('[role="menu"]'+r+', [role="listbox"]'+r);if(l.length){var h=l.index(e.target);38==e.which&&h>0&&h--,40==e.which&&h<l.length-1&&h++,~h||(h=0),l.eq(h).trigger("focus")}}}};var r=t.fn.dropdown;t.fn.dropdown=o,t.fn.dropdown.Constructor=a,t.fn.dropdown.noConflict=function(){return t.fn.dropdown=r,this},t(document).on("click.bs.dropdown.data-api",e).on("click.bs.dropdown.data-api",".dropdown form",function(t){t.stopPropagation()}).on("click.bs.dropdown.data-api",n,a.prototype.toggle).on("keydown.bs.dropdown.data-api",n,a.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="menu"]',a.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="listbox"]',a.prototype.keydown)}(jQuery),+function(t){"use strict";function e(e,o){return this.each(function(){var s=t(this),n=s.data("bs.modal"),a=t.extend({},i.DEFAULTS,s.data(),"object"==typeof e&&e);n||s.data("bs.modal",n=new i(this,a)),"string"==typeof e?n[e](o):a.show&&n.show(o)})}var i=function(e,i){this.options=i,this.$body=t(document.body),this.$element=t(e),this.$backdrop=this.isShown=null,this.scrollbarWidth=0,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,t.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};i.VERSION="3.3.2",i.TRANSITION_DURATION=300,i.BACKDROP_TRANSITION_DURATION=150,i.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},i.prototype.toggle=function(t){return this.isShown?this.hide():this.show(t)},i.prototype.show=function(e){var o=this,s=t.Event("show.bs.modal",{relatedTarget:e});this.$element.trigger(s),this.isShown||s.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',t.proxy(this.hide,this)),this.backdrop(function(){var s=t.support.transition&&o.$element.hasClass("fade");o.$element.parent().length||o.$element.appendTo(o.$body),o.$element.show().scrollTop(0),o.options.backdrop&&o.adjustBackdrop(),o.adjustDialog(),s&&o.$element[0].offsetWidth,o.$element.addClass("in").attr("aria-hidden",!1),o.enforceFocus();var n=t.Event("shown.bs.modal",{relatedTarget:e});s?o.$element.find(".modal-dialog").one("bsTransitionEnd",function(){o.$element.trigger("focus").trigger(n)}).emulateTransitionEnd(i.TRANSITION_DURATION):o.$element.trigger("focus").trigger(n)}))},i.prototype.hide=function(e){e&&e.preventDefault(),e=t.Event("hide.bs.modal"),this.$element.trigger(e),this.isShown&&!e.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),t(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),t.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",t.proxy(this.hideModal,this)).emulateTransitionEnd(i.TRANSITION_DURATION):this.hideModal())},i.prototype.enforceFocus=function(){t(document).off("focusin.bs.modal").on("focusin.bs.modal",t.proxy(function(t){this.$element[0]===t.target||this.$element.has(t.target).length||this.$element.trigger("focus")},this))},i.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",t.proxy(function(t){27==t.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},i.prototype.resize=function(){this.isShown?t(window).on("resize.bs.modal",t.proxy(this.handleUpdate,this)):t(window).off("resize.bs.modal")},i.prototype.hideModal=function(){var t=this;this.$element.hide(),this.backdrop(function(){t.$body.removeClass("modal-open"),t.resetAdjustments(),t.resetScrollbar(),t.$element.trigger("hidden.bs.modal")})},i.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},i.prototype.backdrop=function(e){var o=this,s=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var n=t.support.transition&&s;if(this.$backdrop=t('<div class="modal-backdrop '+s+'" />').prependTo(this.$element).on("click.dismiss.bs.modal",t.proxy(function(t){t.target===t.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),n&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!e)return;n?this.$backdrop.one("bsTransitionEnd",e).emulateTransitionEnd(i.BACKDROP_TRANSITION_DURATION):e()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var a=function(){o.removeBackdrop(),e&&e()};t.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",a).emulateTransitionEnd(i.BACKDROP_TRANSITION_DURATION):a()}else e&&e()},i.prototype.handleUpdate=function(){this.options.backdrop&&this.adjustBackdrop(),this.adjustDialog()},i.prototype.adjustBackdrop=function(){this.$backdrop.css("height",0).css("height",this.$element[0].scrollHeight)},i.prototype.adjustDialog=function(){var t=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&t?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!t?this.scrollbarWidth:""})},i.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},i.prototype.checkScrollbar=function(){this.bodyIsOverflowing=document.body.scrollHeight>document.documentElement.clientHeight,this.scrollbarWidth=this.measureScrollbar()},i.prototype.setScrollbar=function(){var t=parseInt(this.$body.css("padding-right")||0,10);this.bodyIsOverflowing&&this.$body.css("padding-right",t+this.scrollbarWidth)},i.prototype.resetScrollbar=function(){this.$body.css("padding-right","")},i.prototype.measureScrollbar=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",this.$body.append(t);var e=t.offsetWidth-t.clientWidth;return this.$body[0].removeChild(t),e};var o=t.fn.modal;t.fn.modal=e,t.fn.modal.Constructor=i,t.fn.modal.noConflict=function(){return t.fn.modal=o,this},t(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(i){var o=t(this),s=o.attr("href"),n=t(o.attr("data-target")||s&&s.replace(/.*(?=#[^\s]+$)/,"")),a=n.data("bs.modal")?"toggle":t.extend({remote:!/#/.test(s)&&s},n.data(),o.data());o.is("a")&&i.preventDefault(),n.one("show.bs.modal",function(t){t.isDefaultPrevented()||n.one("hidden.bs.modal",function(){o.is(":visible")&&o.trigger("focus")})}),e.call(n,a,this)})}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.tooltip"),n="object"==typeof e&&e;(s||"destroy"!=e)&&(s||o.data("bs.tooltip",s=new i(this,n)),"string"==typeof e&&s[e]())})}var i=function(t,e){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",t,e)};i.VERSION="3.3.2",i.TRANSITION_DURATION=150,i.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},i.prototype.init=function(e,i,o){this.enabled=!0,this.type=e,this.$element=t(i),this.options=this.getOptions(o),this.$viewport=this.options.viewport&&t(this.options.viewport.selector||this.options.viewport);for(var s=this.options.trigger.split(" "),n=s.length;n--;){var a=s[n];if("click"==a)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=a){var r="hover"==a?"mouseenter":"focusin",l="hover"==a?"mouseleave":"focusout";this.$element.on(r+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},i.prototype.getDefaults=function(){return i.DEFAULTS},i.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},i.prototype.getDelegateOptions=function(){var e={},i=this.getDefaults();return this._options&&t.each(this._options,function(t,o){i[t]!=o&&(e[t]=o)}),e},i.prototype.enter=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return i&&i.$tip&&i.$tip.is(":visible")?void(i.hoverState="in"):(i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i)),clearTimeout(i.timeout),i.hoverState="in",i.options.delay&&i.options.delay.show?void(i.timeout=setTimeout(function(){"in"==i.hoverState&&i.show()},i.options.delay.show)):i.show())},i.prototype.leave=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i)),clearTimeout(i.timeout),i.hoverState="out",i.options.delay&&i.options.delay.hide?void(i.timeout=setTimeout(function(){"out"==i.hoverState&&i.hide()},i.options.delay.hide)):i.hide()},i.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(e);var o=t.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(e.isDefaultPrevented()||!o)return;var s=this,n=this.tip(),a=this.getUID(this.type);this.setContent(),n.attr("id",a),this.$element.attr("aria-describedby",a),this.options.animation&&n.addClass("fade");var r="function"==typeof this.options.placement?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement,l=/\s?auto?\s?/i,h=l.test(r);h&&(r=r.replace(l,"")||"top"),n.detach().css({top:0,left:0,display:"block"}).addClass(r).data("bs."+this.type,this),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var d=this.getPosition(),p=n[0].offsetWidth,c=n[0].offsetHeight;if(h){var f=r,u=this.options.container?t(this.options.container):this.$element.parent(),g=this.getPosition(u);r="bottom"==r&&d.bottom+c>g.bottom?"top":"top"==r&&d.top-c<g.top?"bottom":"right"==r&&d.right+p>g.width?"left":"left"==r&&d.left-p<g.left?"right":r,n.removeClass(f).addClass(r)}var v=this.getCalculatedOffset(r,d,p,c);this.applyPlacement(v,r);var m=function(){var t=s.hoverState;s.$element.trigger("shown.bs."+s.type),s.hoverState=null,"out"==t&&s.leave(s)};t.support.transition&&this.$tip.hasClass("fade")?n.one("bsTransitionEnd",m).emulateTransitionEnd(i.TRANSITION_DURATION):m()}},i.prototype.applyPlacement=function(e,i){var o=this.tip(),s=o[0].offsetWidth,n=o[0].offsetHeight,a=parseInt(o.css("margin-top"),10),r=parseInt(o.css("margin-left"),10);isNaN(a)&&(a=0),isNaN(r)&&(r=0),e.top=e.top+a,e.left=e.left+r,t.offset.setOffset(o[0],t.extend({using:function(t){o.css({top:Math.round(t.top),left:Math.round(t.left)})}},e),0),o.addClass("in");var l=o[0].offsetWidth,h=o[0].offsetHeight;"top"==i&&h!=n&&(e.top=e.top+n-h);var d=this.getViewportAdjustedDelta(i,e,l,h);d.left?e.left+=d.left:e.top+=d.top;var p=/top|bottom/.test(i),c=p?2*d.left-s+l:2*d.top-n+h,f=p?"offsetWidth":"offsetHeight";o.offset(e),this.replaceArrow(c,o[0][f],p)},i.prototype.replaceArrow=function(t,e,i){this.arrow().css(i?"left":"top",50*(1-t/e)+"%").css(i?"top":"left","")},i.prototype.setContent=function(){var t=this.tip(),e=this.getTitle();t.find(".tooltip-inner")[this.options.html?"html":"text"](e),t.removeClass("fade in top bottom left right")},i.prototype.hide=function(e){function o(){"in"!=s.hoverState&&n.detach(),s.$element.removeAttr("aria-describedby").trigger("hidden.bs."+s.type),e&&e()}var s=this,n=this.tip(),a=t.Event("hide.bs."+this.type);return this.$element.trigger(a),a.isDefaultPrevented()?void 0:(n.removeClass("in"),t.support.transition&&this.$tip.hasClass("fade")?n.one("bsTransitionEnd",o).emulateTransitionEnd(i.TRANSITION_DURATION):o(),this.hoverState=null,this)},i.prototype.fixTitle=function(){var t=this.$element;(t.attr("title")||"string"!=typeof t.attr("data-original-title"))&&t.attr("data-original-title",t.attr("title")||"").attr("title","")},i.prototype.hasContent=function(){return this.getTitle()},i.prototype.getPosition=function(e){e=e||this.$element;var i=e[0],o="BODY"==i.tagName,s=i.getBoundingClientRect();null==s.width&&(s=t.extend({},s,{width:s.right-s.left,height:s.bottom-s.top}));var n=o?{top:0,left:0}:e.offset(),a={scroll:o?document.documentElement.scrollTop||document.body.scrollTop:e.scrollTop()},r=o?{width:t(window).width(),height:t(window).height()}:null;return t.extend({},s,a,r,n)},i.prototype.getCalculatedOffset=function(t,e,i,o){return"bottom"==t?{top:e.top+e.height,left:e.left+e.width/2-i/2}:"top"==t?{top:e.top-o,left:e.left+e.width/2-i/2}:"left"==t?{top:e.top+e.height/2-o/2,left:e.left-i}:{top:e.top+e.height/2-o/2,left:e.left+e.width}},i.prototype.getViewportAdjustedDelta=function(t,e,i,o){var s={top:0,left:0};if(!this.$viewport)return s;var n=this.options.viewport&&this.options.viewport.padding||0,a=this.getPosition(this.$viewport);if(/right|left/.test(t)){var r=e.top-n-a.scroll,l=e.top+n-a.scroll+o;r<a.top?s.top=a.top-r:l>a.top+a.height&&(s.top=a.top+a.height-l)}else{var h=e.left-n,d=e.left+n+i;h<a.left?s.left=a.left-h:d>a.width&&(s.left=a.left+a.width-d)}return s},i.prototype.getTitle=function(){var t,e=this.$element,i=this.options;return t=e.attr("data-original-title")||("function"==typeof i.title?i.title.call(e[0]):i.title)},i.prototype.getUID=function(t){do t+=~~(1e6*Math.random());while(document.getElementById(t));return t},i.prototype.tip=function(){return this.$tip=this.$tip||t(this.options.template)},i.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},i.prototype.enable=function(){this.enabled=!0},i.prototype.disable=function(){this.enabled=!1},i.prototype.toggleEnabled=function(){this.enabled=!this.enabled},i.prototype.toggle=function(e){var i=this;e&&(i=t(e.currentTarget).data("bs."+this.type),i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i))),i.tip().hasClass("in")?i.leave(i):i.enter(i)},i.prototype.destroy=function(){var t=this;clearTimeout(this.timeout),this.hide(function(){t.$element.off("."+t.type).removeData("bs."+t.type)})};var o=t.fn.tooltip;t.fn.tooltip=e,t.fn.tooltip.Constructor=i,t.fn.tooltip.noConflict=function(){return t.fn.tooltip=o,this}}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.popover"),n="object"==typeof e&&e;(s||"destroy"!=e)&&(s||o.data("bs.popover",s=new i(this,n)),"string"==typeof e&&s[e]())})}var i=function(t,e){this.init("popover",t,e)};if(!t.fn.tooltip)throw new Error("Popover requires tooltip.js");i.VERSION="3.3.2",i.DEFAULTS=t.extend({},t.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),i.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),i.prototype.constructor=i,i.prototype.getDefaults=function(){return i.DEFAULTS},i.prototype.setContent=function(){var t=this.tip(),e=this.getTitle(),i=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](e),t.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof i?"html":"append":"text"](i),t.removeClass("fade top bottom left right in"),t.find(".popover-title").html()||t.find(".popover-title").hide()},i.prototype.hasContent=function(){return this.getTitle()||this.getContent()},i.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},i.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},i.prototype.tip=function(){return this.$tip||(this.$tip=t(this.options.template)),this.$tip};var o=t.fn.popover;t.fn.popover=e,t.fn.popover.Constructor=i,t.fn.popover.noConflict=function(){return t.fn.popover=o,this}}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.tab");s||o.data("bs.tab",s=new i(this)),"string"==typeof e&&s[e]()})}var i=function(e){this.element=t(e)};i.VERSION="3.3.2",i.TRANSITION_DURATION=150,i.prototype.show=function(){var e=this.element,i=e.closest("ul:not(.dropdown-menu)"),o=e.data("target");if(o||(o=e.attr("href"),o=o&&o.replace(/.*(?=#[^\s]*$)/,"")),!e.parent("li").hasClass("active")){var s=i.find(".active:last a"),n=t.Event("hide.bs.tab",{relatedTarget:e[0]}),a=t.Event("show.bs.tab",{relatedTarget:s[0]});if(s.trigger(n),e.trigger(a),!a.isDefaultPrevented()&&!n.isDefaultPrevented()){var r=t(o);this.activate(e.closest("li"),i),this.activate(r,r.parent(),function(){s.trigger({type:"hidden.bs.tab",relatedTarget:e[0]}),e.trigger({type:"shown.bs.tab",relatedTarget:s[0]})})}}},i.prototype.activate=function(e,o,s){function n(){a.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),e.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),r?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu")&&e.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),s&&s()}var a=o.find("> .active"),r=s&&t.support.transition&&(a.length&&a.hasClass("fade")||!!o.find("> .fade").length);a.length&&r?a.one("bsTransitionEnd",n).emulateTransitionEnd(i.TRANSITION_DURATION):n(),a.removeClass("in")};var o=t.fn.tab;t.fn.tab=e,t.fn.tab.Constructor=i,t.fn.tab.noConflict=function(){return t.fn.tab=o,this};var s=function(i){i.preventDefault(),e.call(t(this),"show")};t(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',s).on("click.bs.tab.data-api",'[data-toggle="pill"]',s)}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),s=o.data("bs.affix"),n="object"==typeof e&&e;s||o.data("bs.affix",s=new i(this,n)),"string"==typeof e&&s[e]()})}var i=function(e,o){this.options=t.extend({},i.DEFAULTS,o),this.$target=t(this.options.target).on("scroll.bs.affix.data-api",t.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",t.proxy(this.checkPositionWithEventLoop,this)),this.$element=t(e),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};i.VERSION="3.3.2",i.RESET="affix affix-top affix-bottom",i.DEFAULTS={offset:0,target:window},i.prototype.getState=function(t,e,i,o){var s=this.$target.scrollTop(),n=this.$element.offset(),a=this.$target.height();if(null!=i&&"top"==this.affixed)return i>s?"top":!1;if("bottom"==this.affixed)return null!=i?s+this.unpin<=n.top?!1:"bottom":t-o>=s+a?!1:"bottom";var r=null==this.affixed,l=r?s:n.top,h=r?a:e;return null!=i&&i>=s?"top":null!=o&&l+h>=t-o?"bottom":!1},i.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(i.RESET).addClass("affix");var t=this.$target.scrollTop(),e=this.$element.offset();return this.pinnedOffset=e.top-t},i.prototype.checkPositionWithEventLoop=function(){setTimeout(t.proxy(this.checkPosition,this),1)},i.prototype.checkPosition=function(){if(this.$element.is(":visible")){var e=this.$element.height(),o=this.options.offset,s=o.top,n=o.bottom,a=t("body").height();"object"!=typeof o&&(n=s=o),"function"==typeof s&&(s=o.top(this.$element)),"function"==typeof n&&(n=o.bottom(this.$element));var r=this.getState(a,e,s,n);if(this.affixed!=r){null!=this.unpin&&this.$element.css("top","");var l="affix"+(r?"-"+r:""),h=t.Event(l+".bs.affix");if(this.$element.trigger(h),h.isDefaultPrevented())return;this.affixed=r,this.unpin="bottom"==r?this.getPinnedOffset():null,this.$element.removeClass(i.RESET).addClass(l).trigger(l.replace("affix","affixed")+".bs.affix")}"bottom"==r&&this.$element.offset({top:a-e-n})}};var o=t.fn.affix;t.fn.affix=e,t.fn.affix.Constructor=i,t.fn.affix.noConflict=function(){return t.fn.affix=o,this},t(window).on("load",function(){t('[data-spy="affix"]').each(function(){var i=t(this),o=i.data();o.offset=o.offset||{},null!=o.offsetBottom&&(o.offset.bottom=o.offsetBottom),null!=o.offsetTop&&(o.offset.top=o.offsetTop),e.call(i,o)})})}(jQuery),+function(t){"use strict";function e(e){var i,o=e.attr("data-target")||(i=e.attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"");return t(o)}function i(e){return this.each(function(){var i=t(this),s=i.data("bs.collapse"),n=t.extend({},o.DEFAULTS,i.data(),"object"==typeof e&&e);!s&&n.toggle&&"show"==e&&(n.toggle=!1),s||i.data("bs.collapse",s=new o(this,n)),"string"==typeof e&&s[e]()})}var o=function(e,i){this.$element=t(e),this.options=t.extend({},o.DEFAULTS,i),this.$trigger=t(this.options.trigger).filter('[href="#'+e.id+'"], [data-target="#'+e.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};o.VERSION="3.3.2",o.TRANSITION_DURATION=350,o.DEFAULTS={toggle:!0,trigger:'[data-toggle="collapse"]'},o.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},o.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e,s=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(s&&s.length&&(e=s.data("bs.collapse"),e&&e.transitioning))){var n=t.Event("show.bs.collapse");if(this.$element.trigger(n),!n.isDefaultPrevented()){s&&s.length&&(i.call(s,"hide"),e||s.data("bs.collapse",null));var a=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[a](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var r=function(){this.$element.removeClass("collapsing").addClass("collapse in")[a](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return r.call(this);var l=t.camelCase(["scroll",a].join("-"));this.$element.one("bsTransitionEnd",t.proxy(r,this)).emulateTransitionEnd(o.TRANSITION_DURATION)[a](this.$element[0][l])}}}},o.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.dimension();this.$element[i](this.$element[i]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var s=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return t.support.transition?void this.$element[i](0).one("bsTransitionEnd",t.proxy(s,this)).emulateTransitionEnd(o.TRANSITION_DURATION):s.call(this)}}},o.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},o.prototype.getParent=function(){return t(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(t.proxy(function(i,o){var s=t(o);this.addAriaAndCollapsedClass(e(s),s)},this)).end()},o.prototype.addAriaAndCollapsedClass=function(t,e){var i=t.hasClass("in");t.attr("aria-expanded",i),e.toggleClass("collapsed",!i).attr("aria-expanded",i)};var s=t.fn.collapse;t.fn.collapse=i,t.fn.collapse.Constructor=o,t.fn.collapse.noConflict=function(){return t.fn.collapse=s,this},t(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(o){var s=t(this);s.attr("data-target")||o.preventDefault();
12 | var n=e(s),a=n.data("bs.collapse"),r=a?"toggle":t.extend({},s.data(),{trigger:this});i.call(n,r)})}(jQuery),+function(t){"use strict";function e(i,o){var s=t.proxy(this.process,this);this.$body=t("body"),this.$scrollElement=t(t(i).is("body")?window:i),this.options=t.extend({},e.DEFAULTS,o),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",s),this.refresh(),this.process()}function i(i){return this.each(function(){var o=t(this),s=o.data("bs.scrollspy"),n="object"==typeof i&&i;s||o.data("bs.scrollspy",s=new e(this,n)),"string"==typeof i&&s[i]()})}e.VERSION="3.3.2",e.DEFAULTS={offset:10},e.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},e.prototype.refresh=function(){var e="offset",i=0;t.isWindow(this.$scrollElement[0])||(e="position",i=this.$scrollElement.scrollTop()),this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight();var o=this;this.$body.find(this.selector).map(function(){var o=t(this),s=o.data("target")||o.attr("href"),n=/^#./.test(s)&&t(s);return n&&n.length&&n.is(":visible")&&[[n[e]().top+i,s]]||null}).sort(function(t,e){return t[0]-e[0]}).each(function(){o.offsets.push(this[0]),o.targets.push(this[1])})},e.prototype.process=function(){var t,e=this.$scrollElement.scrollTop()+this.options.offset,i=this.getScrollHeight(),o=this.options.offset+i-this.$scrollElement.height(),s=this.offsets,n=this.targets,a=this.activeTarget;if(this.scrollHeight!=i&&this.refresh(),e>=o)return a!=(t=n[n.length-1])&&this.activate(t);if(a&&e<s[0])return this.activeTarget=null,this.clear();for(t=s.length;t--;)a!=n[t]&&e>=s[t]&&(!s[t+1]||e<=s[t+1])&&this.activate(n[t])},e.prototype.activate=function(e){this.activeTarget=e,this.clear();var i=this.selector+'[data-target="'+e+'"],'+this.selector+'[href="'+e+'"]',o=t(i).parents("li").addClass("active");o.parent(".dropdown-menu").length&&(o=o.closest("li.dropdown").addClass("active")),o.trigger("activate.bs.scrollspy")},e.prototype.clear=function(){t(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var o=t.fn.scrollspy;t.fn.scrollspy=i,t.fn.scrollspy.Constructor=e,t.fn.scrollspy.noConflict=function(){return t.fn.scrollspy=o,this},t(window).on("load.bs.scrollspy.data-api",function(){t('[data-spy="scroll"]').each(function(){var e=t(this);i.call(e,e.data())})})}(jQuery),+function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in e)if(void 0!==t.style[i])return{end:e[i]};return!1}t.fn.emulateTransitionEnd=function(e){var i=!1,o=this;t(this).one("bsTransitionEnd",function(){i=!0});var s=function(){i||t(o).trigger(t.support.transition.end)};return setTimeout(s,e),this},t(function(){t.support.transition=e(),t.support.transition&&(t.event.special.bsTransitionEnd={bindType:t.support.transition.end,delegateType:t.support.transition.end,handle:function(e){return t(e.target).is(this)?e.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery);


--------------------------------------------------------------------------------
/public/style.css:
--------------------------------------------------------------------------------
   1 | /*-----------------------------------------------------------------------------------*/
   2 | /*	00. RESET
   3 | /*-----------------------------------------------------------------------------------*/
   4 | *,
   5 | *:before,
   6 | *:after {
   7 |     -webkit-box-sizing: border-box;
   8 |     -moz-box-sizing: border-box;
   9 |     box-sizing: border-box;
  10 | }
  11 | :focus {
  12 |     outline: 0 !important
  13 | }
  14 | .fit-vids-style {
  15 |     display: none
  16 | }
  17 | figure {
  18 |     margin: 0;
  19 |     padding: 0;
  20 | }
  21 | figure img {
  22 |     height: auto;
  23 |     width: 100%;
  24 |     max-width: 100%;
  25 | }
  26 | iframe {
  27 |     border: none
  28 | }
  29 | ::selection {
  30 |     background: #c2e6d5; /* Safari */
  31 |     color: #2f2f2f;
  32 | }
  33 | ::-moz-selection {
  34 |     background: #c2e6d5; /* Firefox */
  35 |     color: #2f2f2f;
  36 | }
  37 | @-webkit-keyframes rotation { 
  38 | 	from {
  39 | 	    -webkit-transform: rotate(0deg)
  40 | 	}
  41 | 	to {
  42 | 	    -webkit-transform: rotate(359deg)
  43 | 	}
  44 | }
  45 | @-moz-keyframes rotation { 
  46 | 	from {
  47 | 	    -moz-transform: rotate(0deg)
  48 | 	}
  49 | 	to {
  50 | 	    -moz-transform: rotate(359deg)
  51 | 	}
  52 | }
  53 | @-o-keyframes rotation { 
  54 | 	from {
  55 | 	    -o-transform: rotate(0deg)
  56 | 	}
  57 | 	to {
  58 | 	    -o-transform: rotate(359deg)
  59 | 	}
  60 | }
  61 | @keyframes rotation { 
  62 | 	from {
  63 | 	    transform: rotate(0deg)
  64 | 	}
  65 | 	to {
  66 | 	    transform: rotate(359deg)
  67 | 	}
  68 | }
  69 | @page {
  70 |   size: A4;
  71 | }
  72 | #preloader {
  73 |     position: fixed;
  74 |     top: 0;
  75 |     left: 0;
  76 |     right: 0;
  77 |     bottom: 0;
  78 |     background-color: #f9f9f9;
  79 |     z-index: 9999999;
  80 | }
  81 | #status {
  82 |     width: 40px;
  83 |     height: 40px;
  84 |     position: absolute;
  85 |     left: 50%;
  86 |     top: 50%;
  87 |     margin: -20px 0 0 -20px;
  88 | }
  89 | .spinner {
  90 |     height: 40px;
  91 |     width: 40px;
  92 |     position: relative;
  93 |     -webkit-animation: rotation .8s infinite linear;
  94 |     -moz-animation: rotation .8s infinite linear;
  95 |     -o-animation: rotation .8s infinite linear;
  96 |     animation: rotation .8s infinite linear;
  97 |     border-left: 3px solid rgba(69,190,132,.15);
  98 |     border-right: 3px solid rgba(69,190,132,.15);
  99 |     border-bottom: 3px solid rgba(69,190,132,.15);
 100 |     border-top: 3px solid rgba(69,190,132,.8);
 101 |     border-radius: 100%;
 102 | }
 103 | .icon img {
 104 |     width: 100%;
 105 |     height: 100%;
 106 | }
 107 | /*-----------------------------------------------------------------------------------*/
 108 | /*	01. GENERAL
 109 | /*-----------------------------------------------------------------------------------*/
 110 | body {
 111 |     overflow-x: hidden;
 112 |     font-size: 15px;
 113 |     font-weight: 400;
 114 |     -webkit-font-smoothing: antialiased;
 115 |     -moz-osx-font-smoothing: grayscale;
 116 |     -webkit-text-size-adjust: 100%;
 117 |     color: #757575;
 118 |     font-family: 'Lato', sans-serif;
 119 |     background: #f9f9f9;
 120 | }
 121 | .container {
 122 |     padding-right: 0;
 123 |     padding-left: 0;
 124 | }
 125 | body,
 126 | li,
 127 | address {
 128 |     line-height: 24px
 129 | }
 130 | input,
 131 | button,
 132 | select,
 133 | textarea {
 134 |     font-family: inherit;
 135 |     font-size: 15px;
 136 |     font-weight: normal;
 137 | }
 138 | p {
 139 |     margin: 0 0 20px
 140 | }
 141 | a {
 142 |     color: #45be84;
 143 |     transition: all 150ms ease-in;
 144 | }
 145 | a:hover,
 146 | a:focus {
 147 |     color: #45be84;
 148 |     text-decoration: none;
 149 | }
 150 | /* Underline */
 151 | .link-effect {
 152 |     position: relative
 153 | }
 154 | .link-effect:hover {
 155 |     color: #45be84
 156 | }
 157 | .link-effect:after {
 158 |     display: block;
 159 |     position: absolute;
 160 |     left: 0;
 161 |     bottom: -3px;
 162 |     width: 0;
 163 |     height: 1px;
 164 |     background-color: #45be84;
 165 |     content: "";
 166 |     transition: all 0.3s ease-out;
 167 | }
 168 | .link-effect:hover:after {
 169 |     width: 100%
 170 | }
 171 | h1,
 172 | h2,
 173 | h3,
 174 | h4,
 175 | h5,
 176 | h6 {
 177 |     font-family: 'Montserrat', sans-serif;
 178 |     margin-top: 0;
 179 |     color: #434343;
 180 |     margin-bottom: 10px;
 181 |     font-weight: 700;
 182 |     text-transform: uppercase;
 183 |     letter-spacing: 0.5px;
 184 | }
 185 | h1 {
 186 |     font-size: 24px;
 187 |     line-height: 30px;
 188 |     margin-bottom: 15px;
 189 | }
 190 | h2 {
 191 |     font-size: 20px;
 192 |     line-height: 26px;
 193 |     margin-bottom: 15px;
 194 | }
 195 | h3 {
 196 |     font-size: 16px;
 197 |     line-height: 22px;
 198 | }
 199 | h4 {
 200 |     font-size: 14px;
 201 |     line-height: 18px;
 202 |     margin-bottom: 7px;
 203 | }
 204 | h1.post-title {
 205 |     font-size: 18px
 206 | }
 207 | .blog h1.post-title,
 208 | h2.post-title {
 209 |     font-size: 16px
 210 | }
 211 | h4.post-title {
 212 |     margin-bottom: 3px
 213 | }
 214 | .post-title a {
 215 |     color: #434343
 216 | }
 217 | .post-title a:hover {
 218 |     color: #45be84
 219 | }
 220 | .section-title.text-center {
 221 |     padding-bottom: 40px;
 222 |     overflow: hidden;
 223 | }
 224 | .section-title.text-center {
 225 |     text-align: center;
 226 |     margin-left: auto;
 227 |     margin-right: auto;
 228 | }
 229 | .section-title .lead {
 230 |     margin: 0
 231 | }
 232 | .section-title h3 {
 233 |     font-size: 18px;
 234 |     line-height: 24px;
 235 | }
 236 | .section-title .icon img {
 237 |     margin-bottom: 20px;
 238 |     width: 36px;
 239 |     height: 36px;
 240 | }
 241 | .section-title.text-center:after {
 242 |     font-family: 'elemis-diamond';
 243 |     content: "\e990";
 244 |     display: block;
 245 |     color: #45be84;
 246 |     font-size: 14px;
 247 |     margin-top: 10px;
 248 |     font-weight: normal;
 249 |     opacity: 0.3;
 250 | }
 251 | .headline {
 252 |     padding-bottom: 30px;
 253 |     overflow: hidden;
 254 | }
 255 | .headline .lead {
 256 |     margin: 0;
 257 |     font-size: 22px;
 258 | }
 259 | .headline h2 {
 260 |     font-size: 28px;
 261 |     line-height: 34px;
 262 | }
 263 | .lead {
 264 |     font-weight: 400;
 265 |     font-size: 16px;
 266 |     letter-spacing: 0.3px;
 267 |     color: #999;
 268 |     margin-bottom: 11px;
 269 | }
 270 | .leadsmall {
 271 |     font-weight: 400;
 272 |     font-size: 14px;
 273 |     letter-spacing: 0.2px;
 274 |     color: #999;
 275 |     line-height: 20px;
 276 | }
 277 | .inner {
 278 |     padding-top: 90px;
 279 |     padding-bottom: 90px;
 280 | }
 281 | .inner2 {
 282 |     padding-top: 60px;
 283 |     padding-bottom: 60px;
 284 | }
 285 | footer .inner {
 286 |     padding-top: 60px;
 287 |     padding-bottom: 50px;
 288 | }
 289 | .meta,
 290 | .meta a,
 291 | .more {
 292 |     color: #45be84;
 293 |     font-size: 13px;
 294 | }
 295 | .meta {
 296 |     display: block;
 297 |     margin-bottom: 10px;
 298 | }
 299 | .meta.small {
 300 |     font-size:11px;
 301 |     
 302 | }
 303 | .meta span:before {
 304 |     content: "/";
 305 |     padding: 0 10px;
 306 |     color: #b5b5b5;
 307 | }
 308 | .meta span:first-child:before {
 309 |     display: none
 310 | }
 311 | .meta.tags a:before {
 312 |     content: "#";
 313 |     display: inline;
 314 | }
 315 | .thin {
 316 |     width: 85%;
 317 |     margin: 0 auto;
 318 | }
 319 | .thin2 {
 320 |     width: 75%;
 321 |     margin: 0 auto;
 322 | }
 323 | .thin3 {
 324 |     width: 75%;
 325 |     margin: 0 auto;
 326 | }
 327 | .white-wrapper {
 328 |     background: #FFF;
 329 |     border-bottom: 1px solid rgba(0,0,0,0.1);
 330 | }
 331 | .color-wrapper {
 332 |     background: rgba(69,190,132,0.8);
 333 |     border-bottom: 1px solid rgba(0,0,0,0.1);
 334 | }
 335 | .light-wrapper {
 336 | 	background: #f9f9f9;
 337 |     border-bottom: 1px solid rgba(0,0,0,0.1)
 338 | }
 339 | .inverse-wrapper {
 340 |     background: #2c2c2c url(style/images/art/inverse-bg.jpg) repeat;
 341 |     color: #cdcdcd;
 342 |     position: relative;
 343 | }
 344 | .inverse-wrapper .lead {
 345 |     color: #d5d5d5
 346 | }
 347 | .inverse-wrapper h1,
 348 | .inverse-wrapper h2,
 349 | .inverse-wrapper h3,
 350 | .inverse-wrapper h4,
 351 | .inverse-wrapper h5,
 352 | .inverse-wrapper h6 {
 353 |     color: #fff
 354 | }
 355 | .inverse-wrapper .section-title.text-center:after {
 356 |     color: inherit
 357 | }
 358 | .blue {
 359 |     color: rgba(106,186,222,1)
 360 | }
 361 | .red {
 362 |     color: rgba(224,103,106,1)
 363 | }
 364 | .green {
 365 |     color: rgba(69,190,132,1)
 366 | }
 367 | .yellow {
 368 |     color: rgba(241,189,105,1)
 369 | }
 370 | .blue-bg {
 371 |     background: rgba(106,186,222,1)
 372 | }
 373 | .red-bg {
 374 |     background: rgba(224,103,106,1)
 375 | }
 376 | .green-bg {
 377 |     background: rgba(69,190,132,1)
 378 | }
 379 | .yellow-bg {
 380 |     background: rgba(241,189,105,1)
 381 | }
 382 | hr {
 383 |     border: 0;
 384 |     border-bottom: 1px solid rgba(0,0,0,0.1);
 385 |     padding-top: 110px;
 386 |     margin-bottom: 110px;
 387 |     box-shadow: none;
 388 | }
 389 | .classic-view hr {
 390 |     padding-top: 50px;
 391 |     margin-bottom: 90px;
 392 | }
 393 | footer hr {
 394 |     padding-top: 30px;
 395 |     margin-bottom: 50px;
 396 |     border-bottom: 1px solid rgba(255,255,255,0.1);
 397 | }
 398 | ul {
 399 |     padding: 0 0 0 18px
 400 | }
 401 | ol {
 402 |     padding: 0 0 0 20px
 403 | }
 404 | ul,
 405 | ol {
 406 |     margin-bottom: 15px
 407 | }
 408 | ul.circled {
 409 |     padding: 0;
 410 |     list-style: none;
 411 | }
 412 | ul.circled li:before {
 413 |     content: '●';
 414 |     margin-right: 10px;
 415 |     font-weight: normal;
 416 |     vertical-align: top;
 417 |     display: inline-block;
 418 |     color: #45be84;
 419 |     font-size: 11px;
 420 | }
 421 | .row-no-padding {
 422 |     margin-left: 0 !important;
 423 |     margin-right: 0 !important;
 424 | }
 425 | .row-no-padding [class*="col-"] {
 426 |     padding-left: 0 !important;
 427 |     padding-right: 0 !important;
 428 | }
 429 | .clients img {
 430 |     opacity: 0.8;
 431 |     transition: all 150ms ease-in;
 432 | }
 433 | .clients img:hover {
 434 |     opacity: 1
 435 | }
 436 | .col-image {
 437 |     padding: 0px;
 438 |     position: relative;
 439 | }
 440 | .col-image .bg-wrapper {
 441 |     overflow: hidden;
 442 |     position: absolute;
 443 |     height: 100%;
 444 |     padding: 0px;
 445 |     top: 0px;
 446 | }
 447 | .col-image .inner-col {
 448 |     padding-top: 90px;
 449 |     padding-bottom: 90px;
 450 | }
 451 | .bg-holder {
 452 |     position: absolute;
 453 |     top: 0px;
 454 |     left: 0px;
 455 |     width: 100%;
 456 |     height: 100%;
 457 |     background-size: cover !important;
 458 |     background-position: center center !important;
 459 | }
 460 | #map {
 461 |     width: 100%;
 462 |     position: relative;
 463 |     top: 0;
 464 |     z-index: 1;
 465 | }
 466 | .map-wrapper {
 467 |     position: relative
 468 | }
 469 | .map-wrapper .text {
 470 |     position: absolute;
 471 |     top: 100px;
 472 |     right: 150px;
 473 |     z-index: 2;
 474 |     width: 400px;
 475 |     height: 260px;
 476 |     padding: 30px;
 477 |     background: #FFF;
 478 |     box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
 479 | }
 480 | .contact-info {
 481 |     margin: 0;
 482 |     padding: 0;
 483 |     list-style: none;
 484 | }
 485 | .contact-info li {
 486 |     display: inline-block;
 487 |     margin: 0 10px;
 488 | }
 489 | .contact-info i {
 490 |     margin-right: 7px;
 491 |     color: #45be84;
 492 | }
 493 | .contact-info a {
 494 |     color: inherit
 495 | }
 496 | .contact-info a:hover {
 497 |     color: #45be84
 498 | }
 499 | footer .post-list {
 500 |     list-style: none;
 501 |     margin: 0;
 502 |     padding: 0;
 503 | }
 504 | footer .post-list li {
 505 |     margin-top: 19px;
 506 |     padding-top: 20px;
 507 |     border-top: 1px solid rgba(255,255,255,0.1);
 508 | }
 509 | footer .post-list li:first-child {
 510 |     border-top: none;
 511 |     margin: 0;
 512 |     padding: 0;
 513 | }
 514 | footer .post-list li h6 {
 515 |     font-size: 14px;
 516 |     line-height: 25px;
 517 |     font-weight: normal;
 518 |     letter-spacing: normal;
 519 |     text-transform: none;
 520 |     font: inherit;
 521 |     margin: 0;
 522 | }
 523 | footer .meta {
 524 |     color: #838383
 525 | }
 526 | footer a {
 527 |     color: #cdcdcd
 528 | }
 529 | footer .date:before {
 530 |     font-family: 'fontello';
 531 |     padding-left: 1px;
 532 |     padding-right: 5px;
 533 |     content: "\f554";
 534 |     font-size: 12px;
 535 | }
 536 | .footer-menu {
 537 |     padding: 0;
 538 |     margin: 0;
 539 |     list-style: none;
 540 | }
 541 | .footer-menu li {
 542 |     display: inline;
 543 |     padding-left: 10px;
 544 |     font-family: 'Montserrat', sans-serif;
 545 |     font-size: 11px;
 546 |     font-weight: 700;
 547 |     letter-spacing: 1px;
 548 |     text-transform: uppercase;
 549 | }
 550 | .footer-menu li:before {
 551 |     display: inline-block;
 552 |     content: "|";
 553 |     padding-right: 12px;
 554 | }
 555 | .footer-menu li:first-child:before {
 556 |     display: none
 557 | }
 558 | footer .copyright {
 559 |     margin: 0
 560 | }
 561 | footer .contact-info i,
 562 | footer ul.circled li:before {
 563 |     color: inherit
 564 | }
 565 | .alert-success {
 566 |     border-color: #c0d6ae
 567 | }
 568 | .alert-info {
 569 |     border-color: #a3d5df
 570 | }
 571 | .alert-warning {
 572 |     border-color: #eddebf
 573 | }
 574 | .alert-danger {
 575 |     border-color: #ddb8be
 576 | }
 577 | .dropcap {
 578 |     font-weight: 800;
 579 |     display: block;
 580 |     float: left;
 581 |     font-size: 49px;
 582 |     padding: 0;
 583 |     margin: 0;
 584 |     margin: 12px 8px 0 0;
 585 |     text-transform: uppercase;
 586 | }
 587 | .box {
 588 |     background: #FFF;
 589 |     border: 1px solid rgba(0,0,0,0.1);
 590 |     padding: 30px;
 591 | }
 592 | .cbp .box {
 593 |     padding: 23px 20px 10px 20px;
 594 |     margin-bottom: 1px;
 595 | }
 596 | .box figure.main {
 597 |     margin: 20px -30px
 598 | }
 599 | .box .main {
 600 |     margin: -30px -30px 30px -30px !important
 601 | }
 602 | .classic-view .main {
 603 |     margin-bottom: 30px !important
 604 | }
 605 | .classic-view .gallery-wrapper {
 606 |     margin-bottom: 20px
 607 | }
 608 | .carousel-boxed .owl-item .box {
 609 |     border-top: 0;
 610 |     padding: 23px 20px 10px 20px;
 611 | }
 612 | .carousel-boxed.blog .owl-item .box {
 613 |     padding: 30px;
 614 | }
 615 | /*-----------------------------------------------------------------------------------*/
 616 | /*	BUTTON
 617 | /*-----------------------------------------------------------------------------------*/
 618 | .btn,
 619 | .vanilla-form label.custom-select span {
 620 |     color: #FFF !important;
 621 |     background: #45be84;
 622 |     border: 0;
 623 |     margin-bottom: 10px;
 624 |     margin-right: 4px;
 625 |     font-size: 12px;
 626 |     padding: 11px 20px 10px 20px;
 627 |     letter-spacing: 0.5px;
 628 |     font-weight: 700;
 629 |     text-shadow: none;
 630 |     text-transform: uppercase;
 631 |     transition: all 150ms ease-in;
 632 |     box-shadow: none;
 633 |     border-radius: 4px;
 634 |     display: inline-block;
 635 |     font-family: 'Montserrat', sans-serif;
 636 | }
 637 | .navigation .btn {
 638 |     margin-bottom: 0
 639 | }
 640 | .btn.btn-square {
 641 |     padding: 8px 11px 7px !important
 642 | }
 643 | .btn.btn-large {
 644 |     padding: 13px 23px 13px 23px
 645 | }
 646 | .post-navigation .btn.btn-square {
 647 |     padding: 11px 13px 10px !important;
 648 |     margin: 0;
 649 | }
 650 | .btn-load-more + .btn-load-more {
 651 |     display: none
 652 | }
 653 | .btn-icon i {
 654 |     margin-right: 3px
 655 | }
 656 | .text-center .btn {
 657 |     margin: 0 4px
 658 | }
 659 | .btn-border {
 660 |     background: none !important;
 661 |     border: 2px solid #fff;
 662 |     color: #fff !important;
 663 |     padding: 9px 20px 8px 20px;
 664 | }
 665 | .btn.btn-border.btn-large {
 666 |     padding: 11px 23px 11px 23px
 667 | }
 668 | .btn-border.dark {
 669 |     border: 2px solid #7b7b7b;
 670 |     color: #5f5f5f !important;
 671 | }
 672 | .btn.btn-blue {
 673 |     background: #6abade
 674 | }
 675 | .btn.btn-green {
 676 |     background: #45be84
 677 | }
 678 | .btn.btn-red {
 679 |     background: #e0676a
 680 | }
 681 | .btn.btn-yellow {
 682 |     background: #f1bd69
 683 | }
 684 | .btn.btn-navy {
 685 |     background: #43525b
 686 | }
 687 | .btn.btn-purple {
 688 |     background: #6a7dde
 689 | }
 690 | .btn.btn-pink {
 691 |     background: #df739b
 692 | }
 693 | .btn.btn-lime {
 694 |     background: #bbd555
 695 | }
 696 | .btn.btn-brown {
 697 |     background: #99724f
 698 | }
 699 | .btn.btn-orange {
 700 |     background: #e18254
 701 | }
 702 | .btn:hover,
 703 | .btn:focus,
 704 | .btn:active,
 705 | .btn.active,
 706 | .pagination ul > li > a:hover,
 707 | .pagination ul > li > a:focus,
 708 | .pagination ul > .active > a,
 709 | .pagination ul > .active > span {
 710 |     background: #3ca975;
 711 |     transition: all 150ms ease-in;
 712 |     box-shadow: none;
 713 |     border-color: transparent;
 714 | }
 715 | .btn-border:hover,
 716 | .btn-border:focus,
 717 | .btn-border:active,
 718 | .btn-border.active {
 719 |     color: #434343 !important;
 720 |     border-color: #fff !important;
 721 |     background: #fff !important;
 722 | }
 723 | .btn-border.dark:hover,
 724 | .btn-border.dark:focus,
 725 | .btn-border.dark:active,
 726 | .btn-border.dark.active {
 727 |     background: #7b7b7b !important;
 728 |     border-color: #7b7b7b !important;
 729 |     color: #FFF !important;
 730 | }
 731 | .btn-blue:hover,
 732 | .btn-blue:focus,
 733 | .btn-blue:active,
 734 | .btn-blue.active {
 735 |     background: #549fc1 !important
 736 | }
 737 | .btn-green:hover,
 738 | .btn-green:focus,
 739 | .btn-green:active,
 740 | .btn-green.active {
 741 |     background: #3ca975 !important
 742 | }
 743 | .btn-red:hover,
 744 | .btn-red:focus,
 745 | .btn-red:active,
 746 | .btn-red.active {
 747 |     background: #cb585b !important
 748 | }
 749 | .btn-yellow:hover,
 750 | .btn-yellow:focus,
 751 | .btn-yellow:active,
 752 | .btn-yellow.active {
 753 |     background: #e2aa4f !important
 754 | }
 755 | .btn-navy:hover,
 756 | .btn-navy:focus,
 757 | .btn-navy:active,
 758 | .btn-navy.active {
 759 |     background: #324049 !important
 760 | }
 761 | .btn-purple:hover,
 762 | .btn-purple:focus,
 763 | .btn-purple:active,
 764 | .btn-purple.active {
 765 |     background: #5e6fc7 !important
 766 | }
 767 | .btn-pink:hover,
 768 | .btn-pink:focus,
 769 | .btn-pink:active,
 770 | .btn-pink.active {
 771 |     background: #cc668d !important
 772 | }
 773 | .btn-lime:hover,
 774 | .btn-lime:focus,
 775 | .btn-lime:active,
 776 | .btn-lime.active {
 777 |     background: #adc64b !important
 778 | }
 779 | .btn-brown:hover,
 780 | .btn-brown:focus,
 781 | .btn-brown:active,
 782 | .btn-brown.active {
 783 |     background: #8a6749 !important
 784 | }
 785 | .btn-orange:hover,
 786 | .btn-orange:focus,
 787 | .btn-orange:active,
 788 | .btn-orange.active {
 789 |     background: #d86e3a !important
 790 | }
 791 | .share-links ul li .btn {
 792 |     margin: 0
 793 | }
 794 | .share-links .share-facebook {
 795 |     background: #3d5b9b
 796 | }
 797 | .share-links .share-facebook:hover {
 798 |     background: #334c8e !important
 799 | }
 800 | .share-links .share-twitter {
 801 |     background: #5aa8cd
 802 | }
 803 | .share-links .share-twitter:hover {
 804 |     background: #499ac8 !important
 805 | }
 806 | .share-links .share-google-plus {
 807 |     background: #3b3b3b
 808 | }
 809 | .share-links .share-google-plus:hover {
 810 |     background: #2e2e2e !important
 811 | }
 812 | .share-links .share-pinterest {
 813 |     background: #c53942
 814 | }
 815 | .share-links .share-pinterest:hover {
 816 |     background: #bc2d32 !important
 817 | }
 818 | .share-links .share-linkedin {
 819 |     background: #3daccf
 820 | }
 821 | .share-links .share-linkedin:hover {
 822 |     background: #3699b8 !important
 823 | }
 824 | /*-----------------------------------------------------------------------------------*/
 825 | /*	NAVBAR
 826 | /*-----------------------------------------------------------------------------------*/
 827 | .navbar {
 828 |     z-index: 9998;
 829 |     border: 0;
 830 |     border-radius: 0;
 831 |     min-height: inherit;
 832 |     width: 100%;
 833 |     position: fixed;
 834 |     top: 0;
 835 |     left: 0;
 836 |     padding: 0;
 837 |     margin: 0;
 838 |     font-family: 'Montserrat', sans-serif;
 839 |     background: none;
 840 | }
 841 | .container>.navbar-header {
 842 |     margin-left: 0 !important;
 843 |     margin-right: 0 !important;
 844 | }
 845 | .navbar .navbar-brand {
 846 |     padding: 0;
 847 |     float: none;
 848 |     height: auto;
 849 |     transition: all 150ms ease-in;
 850 |     position: relative;
 851 |     box-shadow: none;
 852 |     float: left;
 853 |     margin: 28px 0 28px 0px !important;
 854 | }
 855 | .navbar .navbar-brand a {
 856 |     transition: none
 857 | }
 858 | .navbar .navbar-brand img.logo-light {
 859 |     display: block
 860 | }
 861 | .navbar .navbar-brand img.logo-dark {
 862 |     display: none
 863 | }
 864 | .navbar .navbar-collapse {
 865 |     padding-right: 0;
 866 |     padding-left: 0;
 867 |     float: right;
 868 | }
 869 | .navbar .navbar-nav > li {
 870 |     margin: 25px 0 25px 40px
 871 | }
 872 | .navbar .navbar-nav > li > a {
 873 |     padding: 10px 0px;
 874 |     font-size: 11px;
 875 |     font-weight: 700;
 876 |     letter-spacing: 1px;
 877 |     transition: all 150ms ease-in;
 878 |     text-transform: uppercase;
 879 |     line-height: 1;
 880 |     color: #b5b5b5 !important;
 881 |     position: relative;
 882 | }
 883 | .navbar .navbar-nav > li > a:focus,
 884 | .navbar .nav > li > a:hover,
 885 | .navbar .nav > li.current > a {
 886 |     background: none;
 887 |     color: #FFF !important;
 888 | }
 889 | .navbar .nav > li.current > a {
 890 |     box-shadow: 0 2px 0 #45be84
 891 | }
 892 | .navbar .dropdown-menu {
 893 |     padding: 0;
 894 |     margin: 0;
 895 |     min-width: 150px;
 896 |     border: none;
 897 |     background: none;
 898 |     border-radius: 0;
 899 |     box-shadow: none;
 900 |     border-top: 2px solid #45be84 !important;
 901 | }
 902 | .navbar .dropdown-menu li {
 903 |     background: #272727;
 904 |     border: none;
 905 |     border-top: 1px solid rgba(255,255,255,0.06);
 906 | }
 907 | .navbar .dropdown-menu li:first-child {
 908 |     border: none
 909 | }
 910 | .navbar .dropdown-menu li a {
 911 |     background: none;
 912 |     border: none;
 913 |     color: #c3c3c3;
 914 |     font-size: 11px;
 915 |     font-weight: 700;
 916 |     letter-spacing: 1px;
 917 |     text-transform: uppercase;
 918 |     padding: 14px 20px 13px;
 919 |     line-height: 1;
 920 | }
 921 | .navbar .dropdown-menu li a:hover,
 922 | .navbar .dropdown-menu li a.active {
 923 |     padding: 14px 20px 13px;
 924 |     filter: none;
 925 |     line-height: 1;
 926 | }
 927 | .navbar .dropdown-menu li a:hover,
 928 | .navbar .dropdown-menu li a.active,
 929 | .navbar .nav .open > a,
 930 | .navbar .nav .open > a:hover,
 931 | .navbar .nav .open > a:focus,
 932 | .navbar .dropdown-menu > li > a:hover,
 933 | .navbar .dropdown-menu > li > a:focus,
 934 | .navbar .dropdown-submenu:hover > a,
 935 | .navbar .dropdown-submenu:focus > a,
 936 | .navbar .dropdown-menu > .active > a,
 937 | .navbar .dropdown-menu > .active > a:hover,
 938 | .navbar .dropdown-menu > .active > a:focus {
 939 |     background: none;
 940 |     color: #FFF;
 941 | }
 942 | .navbar .nav > li > .dropdown-menu:after {
 943 |     display: none
 944 | }
 945 | .navbar .dropdown-menu > li > a:hover,
 946 | .navbar .dropdown-menu > li > a:focus,
 947 | .navbar .dropdown-submenu:hover > a,
 948 | .navbar .dropdown-submenu:focus > a,
 949 | .navbar .dropdown-menu > .active > a,
 950 | .navbar .dropdown-menu > .active > a:hover,
 951 | .navbar .dropdown-menu > .active > a:focus {
 952 |     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
 953 | }
 954 | .caret {
 955 |     border-top: 4px solid
 956 | }
 957 | .navbar .top-bar {
 958 | 	display: none;
 959 | }
 960 | .navbar .top-bar ul {
 961 | 	margin: 0;
 962 | 	padding: 0;
 963 | 	list-style: none;
 964 | 	font-size: 14px;
 965 | 	font-family: 'Lato', sans-serif;
 966 | }
 967 | .navbar .top-bar ul li {
 968 | 	display: inline-block;
 969 | 	padding: 10px 15px 0 0;
 970 | 	margin: 0;
 971 | }
 972 | .navbar .top-bar ul li i {
 973 | 	padding-right: 3px;
 974 | }
 975 | .navbar.light .top-bar,
 976 | .navbar.light .top-bar ul,
 977 | .navbar.light .top-bar ul li {
 978 | 	border-color: #e1e1e1;
 979 | }
 980 | .navbar .top-bar ul.social li {
 981 | 	padding: 0;
 982 | }
 983 | .navbar .top-bar ul.social li a {
 984 | 	padding: 9px 5px;
 985 | }
 986 | .navbar .top-bar a {
 987 | 	color: inherit;
 988 | }
 989 | .navbar .top-bar a:hover {
 990 | 	color: #45be84;
 991 | }
 992 | /* Responsive Menu Button */
 993 | .btn.responsive-menu {
 994 |     padding: 0;
 995 |     margin: 0;
 996 |     display: none;
 997 |     text-align: center;
 998 |     font-size: 22px;
 999 |     background: none;
1000 | }
1001 | .btn.responsive-menu:hover,
1002 | .btn.responsive-menu:focus,
1003 | .btn.responsive-menu:active,
1004 | .btn.responsive-menu.active {
1005 | 	background: none !important
1006 | }
1007 | .btn.responsive-menu i {
1008 |     margin: 0
1009 | }
1010 | .btn.responsive-menu i:before {
1011 |     content: '\f0c9';
1012 |     font-family: 'fontello';
1013 |     display: inline-block;
1014 |     font-style: normal;
1015 |     font-weight: normal;
1016 |     margin-right: 0;
1017 |     text-align: center;
1018 | }
1019 | .btn.responsive-menu.opn i:before {
1020 |     content: '\e819'
1021 | }
1022 | /*-----------------------------------------------------------------------------------*/
1023 | /*	STICKY NAVBAR
1024 | /*-----------------------------------------------------------------------------------*/
1025 | .offset {
1026 |     display: block
1027 | }
1028 | .offset {
1029 |     padding-top: 81px
1030 | }
1031 | .navbar.default {
1032 |     width: 100%;
1033 |     position: absolute;
1034 | }
1035 | .navbar.solid {
1036 |     background: #FFF !important;
1037 |     border-bottom: 1px solid rgba(0,0,0,0.1);
1038 | }
1039 | .navbar.fixed {
1040 |     position: fixed;
1041 |     padding: 0;
1042 |     margin: 0;
1043 |     width: 100%;
1044 |     background: #FFF !important;
1045 |     border-bottom: 1px solid rgba(0,0,0,0.1);
1046 | }
1047 | .navbar.fixed .navbar-brand {
1048 |     padding: 0;
1049 |     margin: 25px 0 !important;
1050 | }
1051 | .navbar.solid .navbar-nav > li > a,
1052 | .navbar.fixed .navbar-nav > li > a {
1053 |     color: #434343 !important
1054 | }
1055 | .navbar.solid .navbar-brand img.logo-light {
1056 |     display: none
1057 | }
1058 | .navbar.solid .navbar-brand img.logo-dark {
1059 |     display: block
1060 | }
1061 | .navbar.fixed  .navbar-nav > li {
1062 |     margin: 20px 0 20px 40px
1063 | }
1064 | .navbar.fixed .navbar-nav > li > a:focus,
1065 | .navbar.fixed .nav > li > a:hover,
1066 | .navbar.fixed .nav > li.current > a,
1067 | .navbar.solid .nav > li > a:hover {
1068 |     color: #45be84 !important
1069 | }
1070 | .navbar.fixed .navbar-brand img.logo-light {
1071 |     display: none
1072 | }
1073 | .navbar.fixed .navbar-brand img.logo-dark {
1074 |     display: block
1075 | }
1076 | .navbar.fixed .nav > li.current > a {
1077 |     box-shadow: none
1078 | }
1079 | .navbar.fixed .top-bar {
1080 | 	display: none;
1081 | }
1082 | .navbar.fixed .btn.responsive-menu,
1083 | .navbar.solid .btn.responsive-menu {
1084 |     color: #434343 !important
1085 | }
1086 | 
1087 | /*-----------------------------------------------------------------------------------*/
1088 | /* 	TIMELINE
1089 | /*-----------------------------------------------------------------------------------*/
1090 | .timeline {
1091 |     position: relative;
1092 |     z-index: 1;
1093 | }
1094 | .timeline:before {
1095 |     display: block;
1096 |     content: "";
1097 |     position: absolute;
1098 |     width: 50%;
1099 |     height: 100%;
1100 |     left: 1px;
1101 |     top: 0;
1102 |     border-right: 1px solid rgba(0,0,0,0.1);
1103 |     z-index: -1;
1104 | }
1105 | .timeline .date-title {
1106 |     text-align: center;
1107 |     margin: 30px 0;
1108 | }
1109 | .timeline .date-title:first-child {
1110 |     margin-top: 0
1111 | }
1112 | .timeline .date-title span {
1113 |     font-family: 'Montserrat', sans-serif;
1114 |     padding: 11px 20px 10px 20px;
1115 |     letter-spacing: 0.5px;
1116 |     font-size: 12px;
1117 |     font-weight: 700;
1118 |     color: #fff;
1119 |     background: #45be84;
1120 |     border-radius: 4px;
1121 |     text-transform: uppercase;
1122 | }
1123 | .timeline-item {
1124 |     padding-bottom: 0px;
1125 |     position: relative;
1126 | }
1127 | .timeline-item.right {
1128 |     float: right;
1129 |     margin-top: 40px;
1130 | }
1131 | .timeline-item .post-content {
1132 |     margin: 20px 20px 0 0;
1133 |     position: relative;
1134 |     padding: 30px;
1135 |     background: #FFF;
1136 |     border: 1px solid rgba(0,0,0,0.1);
1137 |     -webkit-transition: all .3s ease-out;
1138 |     transition: all .3s ease-out;
1139 | }
1140 | .timeline-item .post-content.classic-view figure {
1141 |     margin-bottom: 20px
1142 | }
1143 | .timeline-item .post-content p {
1144 |     margin: 0 0 10px 0
1145 | }
1146 | .timeline-item.right .post-content {
1147 |     margin: 20px 0 0 20px
1148 | }
1149 | .timeline-item .arrow:after,
1150 | .timeline-item .arrow:before {
1151 |     left: 100%;
1152 |     top: 90px;
1153 |     border: solid transparent;
1154 |     content: " ";
1155 |     height: 0;
1156 |     width: 0;
1157 |     position: absolute;
1158 |     pointer-events: none;
1159 |     margin-left: -36px !important;
1160 |     z-index: 2;
1161 | }
1162 | .timeline-item .arrow:after {
1163 |     border-color: rgba(255, 255, 255, 0);
1164 |     border-left-color: #ffffff;
1165 |     border-width: 10px;
1166 |     margin-top: -10px;
1167 | }
1168 | .timeline-item .arrow:before {
1169 |     border-color: rgba(0, 0, 0, 0);
1170 |     border-left-color: rgba(0,0,0,0.1);
1171 |     border-width: 11px;
1172 |     margin-top: -11px;
1173 | }
1174 | .timeline-item.right .arrow:after,
1175 | .timeline-item.right .arrow:before {
1176 |     left: auto;
1177 |     right: 100%;
1178 |     margin: 0;
1179 |     margin-right: -36px !important;
1180 |     z-index: 2;
1181 | }
1182 | .timeline-item.right .arrow:after {
1183 |     border-color: rgba(255, 255, 255, 0);
1184 |     border-right-color: #ffffff;
1185 |     border-width: 10px;
1186 |     margin-top: -10px;
1187 | }
1188 | .timeline-item.right .arrow:before {
1189 |     border-color: rgba(0, 0, 0, 0);
1190 |     border-right-color: rgba(0,0,0,0.1);
1191 |     border-width: 11px;
1192 |     margin-top: -11px;
1193 | }
1194 | .timeline-item:not(.full) .post-content:before {
1195 |     display: block;
1196 |     content: "";
1197 |     position: absolute;
1198 |     width: 19px;
1199 |     height: 19px;
1200 |     right: -46px;
1201 |     top: 60px;
1202 |     background: #45be84;
1203 |     border: 3px solid #f9f9f9;
1204 |     border-radius: 50%;
1205 |     -webkit-transition: background .3s ease-out;
1206 |     transition: background .3s ease-out;
1207 | }
1208 | 
1209 | 
1210 | 
1211 | .timeline-item.right .post-content:before {
1212 |     left: -45px;
1213 |     right: auto;
1214 | }
1215 | .classic-view figure,
1216 | .grid-view figure {
1217 |     margin-bottom: 20px
1218 | }
1219 | .grid-view hr {
1220 |     padding-top: 20px;
1221 |     margin-bottom: 50px;
1222 | }
1223 | .pagination {
1224 |     display: block;
1225 |     margin: 0;
1226 | }
1227 | .pagination ul {
1228 |     -webkit-box-shadow: none;
1229 |     -moz-box-shadow: none;
1230 |     box-shadow: none;
1231 |     list-style: none;
1232 |     padding: 0;
1233 |     margin: 0;
1234 | }
1235 | .pagination ul > li {
1236 |     display: inline-block
1237 | }
1238 | .pagination ul > li > a,
1239 | .pagination ul > li > span {
1240 |     float: none
1241 | }
1242 | .pagination ul > .active > a span {
1243 |     border-bottom: 1px solid #FFF;
1244 |     padding-bottom: 1px;
1245 | }
1246 | .pagination ul > li:first-child > a,
1247 | .pagination ul > li:last-child > a {
1248 | 
1249 | }
1250 | .pagination ul > li > a:hover,
1251 | .pagination ul > li > a:focus,
1252 | .pagination ul > .active > a,
1253 | .pagination ul > .active > span {
1254 | 
1255 | }
1256 | .about-author {
1257 |     position: relative;
1258 |     padding: 0 0 0 180px;
1259 | }
1260 | .about-author .author-image {
1261 |     position: absolute;
1262 |     top: 0;
1263 |     left: 0;
1264 | }
1265 | .post.box {
1266 |     margin-bottom: 30px
1267 | }
1268 | .format-chat ul {
1269 |     list-style: none;
1270 |     padding: 0;
1271 |     margin: 0;
1272 | }
1273 | .format-chat ul li strong {
1274 |     text-transform: uppercase;
1275 |     color: #434343;
1276 |     font-size: 14px;
1277 |     font-weight: 700;
1278 |     letter-spacing: 0.5px;
1279 |     padding-right: 5px;
1280 |     font-family: 'Montserrat', sans-serif;
1281 | }
1282 | .format-link .post-title a:after {
1283 |     display: inline-block;
1284 |     content: "→";
1285 |     padding-left: 10px;
1286 | }
1287 | .classic-view .post-title {
1288 |     margin-bottom: 5px;
1289 |     line-height: 20px;
1290 | }
1291 | /*-----------------------------------------------------------------------------------*/
1292 | /* 	WIDGETS
1293 | /*-----------------------------------------------------------------------------------*/
1294 | .sidebox {
1295 |     margin-top: 50px;
1296 |     display: block;
1297 | }
1298 | .sidebox:first-child {
1299 |     margin-top: 0
1300 | }
1301 | .sidebox a {
1302 |     color: inherit
1303 | }
1304 | .sidebox a:hover {
1305 |     color: #45be84
1306 | }
1307 | .sidebar {
1308 |     padding-left: 35px !important
1309 | }
1310 | .widget-title {
1311 |     font-size: 14px;
1312 |     line-height: 18px;
1313 |     margin-bottom: 15px !important;
1314 | }
1315 | .widget .post-list {
1316 |     padding: 0;
1317 |     margin: 0;
1318 | }
1319 | .widget .post-list:after {
1320 |     content: '';
1321 |     display: block;
1322 |     height: 0;
1323 |     clear: both;
1324 |     visibility: hidden;
1325 | }
1326 | .widget .post-list li {
1327 |     clear: both;
1328 |     margin-bottom: 15px;
1329 |     display: block;
1330 |     overflow: hidden;
1331 | }
1332 | .widget .post-list h5 {
1333 |     margin: 0;
1334 |     color: inherit;
1335 |     font-family: 'Lato', sans-serif;
1336 |     letter-spacing: normal;
1337 |     font-weight: normal;
1338 |     margin-bottom: 5px;
1339 | }
1340 | .widget .post-list h5 a {
1341 |     color: #757575;
1342 |     font-size: 15px !important;
1343 |     line-height: 18px;
1344 |     text-transform: none !important;
1345 | }
1346 | .widget .post-list h5 a:hover {
1347 |     color: #45be84
1348 | }
1349 | footer .widget .post-list h5 a {
1350 |     color: #ececec
1351 | }
1352 | .widget .post-list .icon-overlay {
1353 |     float: left;
1354 |     width: 70px;
1355 |     height: 70px;
1356 | }
1357 | .sidebar .widget .post-list .meta {
1358 |     margin-left: 85px;
1359 |     margin-bottom: 0;
1360 | }
1361 | .widget .post-list .meta em {
1362 |     color: #9a9a9a;
1363 |     font-weight: 500;
1364 |     margin-bottom: 10px;
1365 |     font-style: normal;
1366 | }
1367 | .widget .post-list .meta em a {
1368 |     color: #9a9a9a
1369 | }
1370 | .widget .post-list .meta em a:hover {
1371 |     color: #45be84
1372 | }
1373 | .widget .list {
1374 |     list-style: none;
1375 |     margin: 0;
1376 | }
1377 | /*-----------------------------------------------------------------------------------*/
1378 | /*	THUMBNAIL OVERLAY
1379 | /*-----------------------------------------------------------------------------------*/
1380 | figure {
1381 |     display: block;
1382 |     overflow: hidden;
1383 |     position: relative;
1384 | }
1385 | .items li figure img {
1386 |     display: block;
1387 |     width: 100%;
1388 | }
1389 | figure li a,
1390 | figure li a img {
1391 |     display: block;
1392 |     overflow: hidden;
1393 |     position: relative;
1394 | }
1395 | figure img {
1396 |     display: inline;
1397 |     max-width: 100%;
1398 | }
1399 | figure a .text-overlay {
1400 |     opacity: 0;
1401 |     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
1402 |     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1403 |     height: 100%;
1404 |     position: absolute;
1405 |     text-decoration: none;
1406 |     width: 100%;
1407 |     z-index: 100;
1408 |     padding: 50px;
1409 |     background: rgba(69,190,132,0.9);
1410 |     transition: all 0.4s;
1411 | }
1412 | figure a:hover .text-overlay {
1413 |     opacity: 1;
1414 |     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
1415 |     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1416 | }
1417 | figure a .text-overlay .info {
1418 |     text-align: center;
1419 |     top: 50%;
1420 |     width: 100%;
1421 |     left: 0;
1422 |     position: absolute;
1423 |     margin-top: -12px;
1424 | }
1425 | figure a .text-overlay .info span {
1426 |     font-family: 'Montserrat', sans-serif;
1427 |     font-weight: 700;
1428 |     text-transform: uppercase;
1429 |     font-size: 14px;
1430 |     color: #FFF;
1431 | }
1432 | .icon-overlay {
1433 |     display: block;
1434 |     overflow: hidden;
1435 |     position: relative;
1436 | }
1437 | .icon-overlay img {
1438 |     display: block;
1439 |     max-width: 100%;
1440 |     -webkit-backface-visibility: hidden;
1441 | }
1442 | .icon-overlay a .icn-more {
1443 |     opacity: 0;
1444 |     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
1445 |     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1446 |     height: 100%;
1447 |     position: absolute;
1448 |     text-decoration: none;
1449 |     width: 100%;
1450 |     max-width: 100%;
1451 |     z-index: 100;
1452 |     background: #222;
1453 |     background: rgba(69,190,132,0.9);
1454 |     overflow: hidden;
1455 |     transition: all 0.4s;
1456 | }
1457 | .icon-overlay a:hover .icn-more {
1458 |     opacity: 1;
1459 |     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
1460 |     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1461 | }
1462 | .icon-overlay a .icn-more:before {
1463 |     font-family: 'fontello';
1464 |     font-style: normal;
1465 |     font-weight: normal;
1466 |     speak: none;
1467 |     display: inline-block;
1468 |     text-decoration: inherit;
1469 |     position: absolute;
1470 |     text-align: center;
1471 |     content: '\f517';
1472 |     line-height: 1;
1473 |     color: #FFF;
1474 |     top: 50%;
1475 |     left: 50%;
1476 |     z-index: 2;
1477 |     padding: 8px 10px;
1478 |     font-size: 16px;
1479 |     top: 50%;
1480 |     margin: -17px 0 0 -17px;
1481 | }
1482 | .icon-overlay.icn-enlarge a .icn-more:before {
1483 |     content: '\f50d'
1484 | }
1485 | /*-----------------------------------------------------------------------------------*/
1486 | /*	ANIMATED TEXT
1487 | /*-----------------------------------------------------------------------------------*/
1488 | .animated-text-wrapper {
1489 |     display: inline-block;
1490 |     position: relative;
1491 |     text-align: left;
1492 | }
1493 | .animated-text-wrapper b {
1494 |     display: inline-block;
1495 |     position: absolute;
1496 |     white-space: nowrap;
1497 |     left: 0;
1498 |     top: 0;
1499 | }
1500 | .animated-text-wrapper b.is-visible {
1501 |     position: relative
1502 | }
1503 | .no-js .animated-text-wrapper b {
1504 |     opacity: 0
1505 | }
1506 | .no-js .animated-text-wrapper b.is-visible {
1507 |     opacity: 1
1508 | }
1509 | .animated-text.type .animated-text-wrapper {
1510 |     vertical-align: top;
1511 |     overflow: hidden;
1512 | }
1513 | .animated-text.type .animated-text-wrapper::after {
1514 |     /* vertical bar */
1515 |     content: '';
1516 |     position: absolute;
1517 |     right: 0;
1518 |     top: 50%;
1519 |     bottom: auto;
1520 |     -webkit-transform: translateY(-50%);
1521 |     -moz-transform: translateY(-50%);
1522 |     -ms-transform: translateY(-50%);
1523 |     -o-transform: translateY(-50%);
1524 |     transform: translateY(-50%);
1525 |     height: 90%;
1526 |     width: 1px;
1527 |     background-color: #c2e6d5;
1528 | }
1529 | .animated-text.type .animated-text-wrapper.waiting::after {
1530 |     -webkit-animation: cd-pulse 1s infinite;
1531 |     -moz-animation: cd-pulse 1s infinite;
1532 |     animation: cd-pulse 1s infinite;
1533 | }
1534 | .animated-text.type .animated-text-wrapper.selected {
1535 |     background-color: #c2e6d5
1536 | }
1537 | .animated-text.type .animated-text-wrapper.selected::after {
1538 |     visibility: hidden
1539 | }
1540 | .animated-text.type .animated-text-wrapper.selected b {
1541 | 
1542 | }
1543 | .animated-text.type b {
1544 |     visibility: hidden;
1545 |     color: #757575;
1546 | }
1547 | .animated-text.type b.is-visible {
1548 |     visibility: visible
1549 | }
1550 | .animated-text.type i {
1551 |     position: absolute;
1552 |     visibility: hidden;
1553 | }
1554 | .animated-text.type i.in {
1555 |     position: relative;
1556 |     visibility: visible;
1557 | }
1558 | @-webkit-keyframes cd-pulse { 
1559 | 	0% {
1560 | 	    -webkit-transform: translateY(-50%) scale(1);
1561 | 	    opacity: 1;
1562 | 	}
1563 | 	40% {
1564 | 	    -webkit-transform: translateY(-50%) scale(0.9);
1565 | 	    opacity: 0;
1566 | 	}
1567 | 	100% {
1568 | 	    -webkit-transform: translateY(-50%) scale();
1569 | 	    opacity: 0;
1570 | 	}
1571 | }
1572 | @-moz-keyframes cd-pulse { 
1573 | 	0% {
1574 | 	    -moz-transform: translateY(-50%) scale(1);
1575 | 	    opacity: 1;
1576 | 	}
1577 | 	40% {
1578 | 	    -moz-transform: translateY(-50%) scale(0.9);
1579 | 	    opacity: 0;
1580 | 	}
1581 | 	100% {
1582 | 	    -moz-transform: translateY(-50%) scale();
1583 | 	    opacity: 0;
1584 | 	}
1585 | }
1586 | @keyframes cd-pulse { 
1587 | 	0% {
1588 | 	    -webkit-transform: translateY(-50%) scale(1);
1589 | 	    -moz-transform: translateY(-50%) scale(1);
1590 | 	    -ms-transform: translateY(-50%) scale(1);
1591 | 	    -o-transform: translateY(-50%) scale(1);
1592 | 	    transform: translateY(-50%) scale(1);
1593 | 	    opacity: 1;
1594 | 	}
1595 | 	40% {
1596 | 	    -webkit-transform: translateY(-50%) scale(0.9);
1597 | 	    -moz-transform: translateY(-50%) scale(0.9);
1598 | 	    -ms-transform: translateY(-50%) scale(0.9);
1599 | 	    -o-transform: translateY(-50%) scale(0.9);
1600 | 	    transform: translateY(-50%) scale(0.9);
1601 | 	    opacity: 0;
1602 | 	}
1603 | 	100% {
1604 | 	    -webkit-transform: translateY(-50%) scale();
1605 | 	    -moz-transform: translateY(-50%) scale();
1606 | 	    -ms-transform: translateY(-50%) scale();
1607 | 	    -o-transform: translateY(-50%) scale();
1608 | 	    transform: translateY(-50%) scale();
1609 | 	    opacity: 0;
1610 | 	}
1611 | }
1612 | /*-----------------------------------------------------------------------------------*/
1613 | /*	PROGRESS BAR
1614 | /*-----------------------------------------------------------------------------------*/
1615 | .progress-list {
1616 |     margin: 0;
1617 |     padding: 0;
1618 |     list-style: none;
1619 | }
1620 | .progress-list p {
1621 |     margin-bottom: 5px
1622 | }
1623 | .progress-list li {
1624 |     margin-bottom: 20px
1625 | }
1626 | .progress-list li em {
1627 |     padding-left: 8px;
1628 |     color: #45be84;
1629 |     font-style: normal;
1630 | }
1631 | .progress-list li em:before {
1632 |     content: "-";
1633 |     padding-right: 10px;
1634 |     display: inline-block;
1635 | }
1636 | .progress.plain {
1637 |     height: 15px;
1638 |     margin-bottom: 0;
1639 |     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1640 |     background: none;
1641 |     border: 1px solid #45be84;
1642 |     border-radius: 4px;
1643 |     -webkit-box-shadow: none;
1644 |     -moz-box-shadow: none;
1645 |     box-shadow: none;
1646 | }
1647 | .progress.plain .bar {
1648 |     float: left;
1649 |     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1650 |     width: 0;
1651 |     height: 100%;
1652 |     font-size: 12px;
1653 |     color: #ffffff;
1654 |     text-align: center;
1655 |     text-shadow: none;
1656 |     background: #45be84;
1657 |     -webkit-border-radius: 0;
1658 |     border-radius: 0;
1659 |     -webkit-box-shadow: none;
1660 |     -moz-box-shadow: none;
1661 |     box-shadow: none;
1662 | }
1663 | /*-----------------------------------------------------------------------------------*/
1664 | /*	CIRCLE
1665 | /*-----------------------------------------------------------------------------------*/
1666 | .circle-wrapper {
1667 |     margin-top: 30px;
1668 |     margin-bottom: 30px;
1669 | }
1670 | .circle-wrapper .circle {
1671 |     width: 130%;
1672 |     margin: -30px -15%;
1673 |     background: none !important;
1674 | }
1675 | .circle-wrapper .circle:after {
1676 |     content: "";
1677 |     display: block;
1678 |     width: 100%;
1679 |     height: 0;
1680 |     padding-bottom: 100%;
1681 |     -moz-border-radius: 50%;
1682 |     -webkit-border-radius: 50%;
1683 |     border-radius: 50%;
1684 | }
1685 | .circle-wrapper .circle.blue-bg:after {
1686 |     background: rgba(106,186,222,.8)
1687 | }
1688 | .circle-wrapper .circle.red-bg:after {
1689 |     background: rgba(224,103,106,.8)
1690 | }
1691 | .circle-wrapper .circle.green-bg:after {
1692 |     background: rgba(69,190,132,.8)
1693 | }
1694 | .circle-wrapper .circle.yellow-bg:after {
1695 |     background: rgba(241,189,105,.8)
1696 | }
1697 | .circle-wrapper .circle .text {
1698 |     float: left;
1699 |     width: 100%;
1700 |     padding-top: 50%;
1701 |     line-height: 1em;
1702 |     margin-top: -0.5em;
1703 |     text-align: center;
1704 |     color: #FFF;
1705 |     font-size: 16px;
1706 |     font-family: 'Montserrat', sans-serif;
1707 |     text-transform: uppercase;
1708 |     font-weight: bold;
1709 |     letter-spacing: 0.5px;
1710 | }
1711 | /*-----------------------------------------------------------------------------------*/
1712 | /*	SERVICES
1713 | /*-----------------------------------------------------------------------------------*/
1714 | .services .icon {
1715 |     padding: 0;
1716 |     margin-bottom: 20px;
1717 | }
1718 | .services .icon img {
1719 |     height: 80px;
1720 |     width: auto;
1721 | }
1722 | /*-----------------------------------------------------------------------------------*/
1723 | /*	FEATURES
1724 | /*-----------------------------------------------------------------------------------*/
1725 | .feature {
1726 |     padding: 0 0 0 90px;
1727 |     position: relative;
1728 |     margin-bottom: 40px;
1729 | }
1730 | .feature .icon {
1731 |     position: absolute;
1732 |     left: 0;
1733 |     font-size: 55px;
1734 | }
1735 | .feature .icon.round {
1736 |     width: 64px;
1737 |     height: 64px;
1738 |     border-radius: 100%;
1739 |     color: #FFF;
1740 |     font-size: 30px;
1741 |     display: table;
1742 |     line-height: 1;
1743 | }
1744 | .feature .icon.round i {
1745 |     display: table-cell;
1746 |     vertical-align: middle;
1747 |     text-align: center;
1748 |     line-height: 1;
1749 | }
1750 | .feature .icon img {
1751 |     width: 70px;
1752 |     height: auto;
1753 | }
1754 | 
1755 | /*-----------------------------------------------------------------------------------*/
1756 | /*	TABS
1757 | /*-----------------------------------------------------------------------------------*/
1758 | .tabs-top .etabs {
1759 |     margin: 0;
1760 |     padding: 0;
1761 |     overflow: inherit;
1762 | }
1763 | .tabs-top.center .etabs {
1764 |     text-align: center
1765 | }
1766 | .tabs-top .tab {
1767 |     margin: 0;
1768 |     padding: 0;
1769 |     display: inline-block;
1770 |     zoom: 1;
1771 |     *display: inline;
1772 |     border: 1px solid rgba(0,0,0,0.1);
1773 |     background: #fff;
1774 |     top: 1px;
1775 |     position: relative;
1776 |     z-index: 1;
1777 |     margin-right: 3px;
1778 | }
1779 | .tabs-top .tab a {
1780 |     font-family: 'Montserrat', sans-serif;
1781 |     padding: 9px 20px;
1782 |     display: block;
1783 |     color: #434343;
1784 |     font-size: 11px;
1785 |     font-weight: 700;
1786 |     text-transform: uppercase;
1787 | }
1788 | .tabs-top .tab i {
1789 |     margin-right: 5px
1790 | }
1791 | .tabs-top .tab.active {
1792 |     position: relative;
1793 |     z-index: 3;
1794 | }
1795 | .tabs-top .tab a:hover,
1796 | .tabs-top .tab.active a {
1797 |     color: #45be84
1798 | }
1799 | .tabs-top.tab-container .panel-container {
1800 |     border: 1px solid rgba(0,0,0,0.1);
1801 |     position: relative;
1802 |     z-index: 1;
1803 |     display: block;
1804 |     background: #fff;
1805 | }
1806 | .tabs-top.tab-container .panel-container p {
1807 |     margin: 0;
1808 |     padding-bottom: 10px;
1809 | }
1810 | .tabs-top.tab-container .panel-container .tab-block {
1811 |     padding: 20px;
1812 |     padding-bottom: 5px;
1813 | }
1814 | .tabs-top.bordered .tab {
1815 |     margin-bottom: 10px;
1816 |     background: none;
1817 |     border: 2px solid #45be84;
1818 |     border-radius: 4px;
1819 | }
1820 | .tabs-top.bordered .tab a {
1821 |     background: none;
1822 |     color: #45be84;
1823 | }
1824 | .tabs-top.bordered .tab a:hover,
1825 | .tabs-top.bordered .tab.active a {
1826 |     background: #45be84;
1827 |     color: #FFF;
1828 | }
1829 | .tabs-top.bordered.tab-container .panel-container {
1830 |     border: 0;
1831 |     background: none;
1832 | }
1833 | .tabs-top.bordered.tab-container .panel-container .tab-block {
1834 |     padding: 0
1835 | }
1836 | /*-----------------------------------------------------------------------------------*/
1837 | /*	ACCORDION / TOGGLE
1838 | /*-----------------------------------------------------------------------------------*/
1839 | .panel-group .panel {
1840 |     margin-bottom: 10px;
1841 |     background: none;
1842 |     border: none;
1843 |     border-radius: 0;
1844 |     -webkit-box-shadow: none;
1845 |     box-shadow: none;
1846 | }
1847 | .panel-group .panel-heading {
1848 |     padding: 0;
1849 |     background: none !important;
1850 |     border: 0 !important;
1851 | }
1852 | .panel-group .panel-heading .panel-title {
1853 |     color: #454545;
1854 |     font-size: 11px;
1855 |     line-height: 24px;
1856 |     font-weight: 700;
1857 |     background: #FFF;
1858 |     text-transform: uppercase;
1859 |     transition: all 150ms ease-in;
1860 |     border: 1px solid rgba(0,0,0,0.1);
1861 | }
1862 | .panel-group .panel-title > a {
1863 |     display: block;
1864 |     padding: 10px 20px;
1865 | }
1866 | .panel-group .panel-active a,
1867 | .panel-group .panel-title > a:hover {
1868 |     color: #45be84
1869 | }
1870 | .panel-group .panel-active .panel-title {
1871 |     border-bottom-left-radius: 0;
1872 |     border-bottom-right-radius: 0;
1873 | }
1874 | .panel-group .panel-heading .panel-title:hover,
1875 | .panel-group .panel-active .panel-heading .panel-title {
1876 |     color: #45be84
1877 | }
1878 | .panel-default > .panel-heading + .panel-collapse .panel-body {
1879 |     border: 0
1880 | }
1881 | .panel-default > .panel-heading + .panel-collapse {
1882 |     border: 1px solid rgba(0,0,0,0.1);
1883 |     border-top: none;
1884 |     background: #FFF;
1885 | }
1886 | .panel-body {
1887 |     padding: 20px
1888 | }
1889 | .bordered .panel-heading .panel-title {
1890 |     background: none;
1891 |     box-shadow: none;
1892 |     color: #45be84;
1893 |     border: 2px solid #45be84;
1894 |     border-radius: 4px;
1895 | }
1896 | .bordered .panel-heading .panel-title:hover {
1897 |     box-shadow: none;
1898 |     background: #45be84;
1899 |     color: #FFF;
1900 |     border: 2px solid #45be84;
1901 | }
1902 | .bordered .panel-title > a {
1903 |     color: #45be84
1904 | }
1905 | .bordered .panel-active a,
1906 | .bordered .panel-title > a:hover {
1907 |     color: #FFF !important
1908 | }
1909 | .bordered .panel-active .panel-heading .panel-title {
1910 |     box-shadow: none
1911 | }
1912 | .bordered .panel-title:hover,
1913 | .bordered .panel-active .panel-heading .panel-title,
1914 | .bordered .panel-active .panel-heading .panel-title:hover {
1915 |     border: 2px solid #45be84;
1916 |     background: #45be84;
1917 | }
1918 | .bordered .panel-default > .panel-heading + .panel-collapse {
1919 |     border: 0;
1920 |     background: none;
1921 | }
1922 | .bordered .panel-body {
1923 |     padding: 10px 0 0 0
1924 | }
1925 | 
1926 | /*-----------------------------------------------------------------------------------*/
1927 | /*	 TOOLTIP
1928 | /*-----------------------------------------------------------------------------------*/
1929 | .tooltip {
1930 |     font-size: 14px
1931 | }
1932 | .tooltip-inner {
1933 |     color: #fff;
1934 |     background-color: #45be84;
1935 |     padding: 5px 12px 5px;
1936 | }
1937 | .tooltip.top .tooltip-arrow,
1938 | .tooltip.top-left .tooltip-arrow,
1939 | .tooltip.top-right .tooltip-arrow {
1940 |     border-top-color: #45be84
1941 | }
1942 | .tooltip.right .tooltip-arrow {
1943 |     border-right-color: #45be84
1944 | }
1945 | .tooltip.left .tooltip-arrow {
1946 |     border-left-color: #45be84
1947 | }
1948 | .tooltip.bottom .tooltip-arrow,
1949 | .tooltip.bottom-left .tooltip-arrow,
1950 | .tooltip.bottom-right .tooltip-arrow {
1951 |     border-bottom-color: #45be84
1952 | }
1953 | /*-----------------------------------------------------------------------------------*/
1954 | /*	TESTIMONIALS
1955 | /*-----------------------------------------------------------------------------------*/
1956 | .testimonials {
1957 |     text-align: center
1958 | }
1959 | blockquote {
1960 |     border-left: 3px solid rgba(0,0,0,0.1);
1961 |     font-weight: normal;
1962 |     background: none;
1963 |     font-size: 20px;
1964 |     font-style: italic;
1965 |     line-height: 30px;
1966 |     padding-top: 0;
1967 |     padding-bottom: 0;
1968 | }
1969 | .testimonials .item blockquote {
1970 |     position: relative;
1971 |     margin: 0;
1972 |     border: 0;
1973 |     padding: 10px 60px 0;
1974 |     color: #FFF;
1975 |     font-size: 25px;
1976 |     line-height: 35px;
1977 | }
1978 | .testimonials .item blockquote:before,
1979 | .testimonials .item blockquote:after {
1980 |     position: absolute;
1981 |     width: 60px;
1982 |     height: 60px;
1983 |     font-size: 80px;
1984 |     line-height: 1;
1985 |     font-weight: 100;
1986 | }
1987 | .testimonials .item blockquote:before {
1988 |     top: 0;
1989 |     left: 0;
1990 |     content: "\201C";
1991 | }
1992 | .testimonials .item blockquote:after {
1993 |     top: 0;
1994 |     right: 0;
1995 |     content: "\201D";
1996 | }
1997 | .testimonials .item blockquote small {
1998 |     font-style: normal;
1999 |     color: #959595;
2000 |     margin-top: 20px;
2001 |     display: block;
2002 | }
2003 | .testimonials .item blockquote small span:before {
2004 |     content: "-";
2005 |     display: inline-block;
2006 | }
2007 | .testimonials .item blockquote small:before {
2008 |     display: none
2009 | }
2010 | 
2011 | /*-----------------------------------------------------------------------------------*/
2012 | /*	SOCIAL ICONS
2013 | /*-----------------------------------------------------------------------------------*/
2014 | .social {
2015 |     padding: 0;
2016 |     margin: 0;
2017 |     font-size: 0;
2018 |     line-height: 1;
2019 | }
2020 | .social li {
2021 |     display: inline-block;
2022 |     font-family: 'fontello-social';
2023 |     margin-right: 5px;
2024 |     margin-bottom: 5px;
2025 | }
2026 | .social.pull-right li {
2027 |     margin: 0 0 0 5px
2028 | }
2029 | .text-center .social li {
2030 |     margin: 0 2px
2031 | }
2032 | .social li a {
2033 |     display: table
2034 | }
2035 | .social li a i {
2036 |     text-align: center;
2037 |     display: table-cell;
2038 |     vertical-align: middle;
2039 |     color: #f5f5f5;
2040 |     background: none;
2041 |     line-height: 1;
2042 |     border: 2px solid #aaa;
2043 |     width: 30px;
2044 |     height: 30px !important;
2045 |     line-height: 26px;
2046 |     font-size: 12px;
2047 |     border-radius: 100%;
2048 |     transition: all 150ms ease-in;
2049 | }
2050 | .social .icon-s-pinterest {
2051 |     border-color: #d8545d;
2052 |     color: #d8545d;
2053 | }
2054 | .social .icon-s-rss {
2055 |     border-color: #faaa5e;
2056 |     color: #faaa5e;
2057 | }
2058 | .social .icon-s-facebook {
2059 |     border-color: #677fb5;
2060 |     color: #677fb5;
2061 | }
2062 | .social .icon-s-twitter {
2063 |     border-color: #70c2e9;
2064 |     color: #70c2e9;
2065 | }
2066 | .social .icon-s-flickr {
2067 |     border-color: #ff3ba4;
2068 |     color: #ff3ba4;
2069 | }
2070 | .social .icon-s-dribbble {
2071 |     border-color: #e299c2;
2072 |     color: #e299c2;
2073 | }
2074 | .social .icon-s-behance {
2075 |     border-color: #42a9fb;
2076 |     color: #42a9fb;
2077 | }
2078 | .social .icon-s-linkedin {
2079 |     border-color: #3daccf;
2080 |     color: #3daccf;
2081 | }
2082 | .social .icon-s-vimeo {
2083 |     border-color: #42b5d4;
2084 |     color: #42b5d4;
2085 | }
2086 | .social .icon-s-youtube {
2087 |     border-color: #d5615c;
2088 |     color: #d5615c;
2089 | }
2090 | .social .icon-s-skype {
2091 |     border-color: #5ecbf3;
2092 |     color: #5ecbf3;
2093 | }
2094 | .social .icon-s-tumblr {
2095 |     border-color: #829fb9;
2096 |     color: #829fb9;
2097 | }
2098 | .social .icon-s-delicious {
2099 |     border-color: #6194dc;
2100 |     color: #6194dc;
2101 | }
2102 | .social .icon-s-500px {
2103 |     border-color: #3bbbe6;
2104 |     color: #3bbbe6;
2105 | }
2106 | .social .icon-s-grooveshark {
2107 |     border-color: #f88e3b;
2108 |     color: #f88e3b;
2109 | }
2110 | .social .icon-s-forrst {
2111 |     border-color: #5f9864;
2112 |     color: #5f9864;
2113 | }
2114 | .social .icon-s-digg {
2115 |     border-color: #507faa;
2116 |     color: #507faa;
2117 | }
2118 | .social .icon-s-blogger {
2119 |     border-color: #fd893f;
2120 |     color: #fd893f;
2121 | }
2122 | .social .icon-s-klout {
2123 |     border-color: #e16747;
2124 |     color: #e16747;
2125 | }
2126 | .social .icon-s-dropbox {
2127 |     border-color: #6ba3c5;
2128 |     color: #6ba3c5;
2129 | }
2130 | .social .icon-s-github {
2131 |     border-color: #6c93bb;
2132 |     color: #6c93bb;
2133 | }
2134 | .social .icon-s-songkick {
2135 |     border-color: #ff3b60;
2136 |     color: #ff3b60;
2137 | }
2138 | .social .icon-s-posterous {
2139 |     border-color: #efd57c;
2140 |     color: #efd57c;
2141 | }
2142 | .social .icon-s-appnet {
2143 |     border-color: #3daad5;
2144 |     color: #3daad5;
2145 | }
2146 | .social .icon-s-gplus {
2147 |     border-color: #bc7067;
2148 |     color: #bc7067;
2149 | }
2150 | .social .icon-s-stumbleupon {
2151 |     border-color: #f07356;
2152 |     color: #f07356;
2153 | }
2154 | .social .icon-s-lastfm {
2155 |     border-color: #cd443d;
2156 |     color: #cd443d;
2157 | }
2158 | .social .icon-s-spotify {
2159 |     border-color: #9acf48;
2160 |     color: #9acf48;
2161 | }
2162 | .social .icon-s-instagram {
2163 |     border-color: #926d53;
2164 |     color: #926d53;
2165 | }
2166 | .social .icon-s-evernote {
2167 |     border-color: #9fdc82;
2168 |     color: #9fdc82;
2169 | }
2170 | .social .icon-s-paypal {
2171 |     border-color: #5b85a8;
2172 |     color: #5b85a8;
2173 | }
2174 | .social .icon-s-picasa {
2175 |     border-color: #b088c1;
2176 |     color: #b088c1;
2177 | }
2178 | .social .icon-s-soundcloud {
2179 |     border-color: #ff8b45;
2180 |     color: #ff8b45;
2181 | }
2182 | .social a:hover .icon-s-pinterest {
2183 |     background-color: #d8545d
2184 | }
2185 | .social a:hover .icon-s-rss {
2186 |     background-color: #faaa5e
2187 | }
2188 | .social a:hover .icon-s-facebook {
2189 |     background-color: #677fb5
2190 | }
2191 | .social a:hover .icon-s-twitter {
2192 |     background-color: #70c2e9
2193 | }
2194 | .social a:hover .icon-s-flickr {
2195 |     background-color: #ff3ba4
2196 | }
2197 | .social a:hover .icon-s-dribbble {
2198 |     background-color: #e299c2
2199 | }
2200 | .social a:hover .icon-s-behance {
2201 |     background-color: #42a9fb
2202 | }
2203 | .social a:hover .icon-s-linkedin {
2204 |     background-color: #3daccf
2205 | }
2206 | .social a:hover .icon-s-vimeo {
2207 |     background-color: #42b5d4
2208 | }
2209 | .social a:hover .icon-s-youtube {
2210 |     background-color: #d5615c
2211 | }
2212 | .social a:hover .icon-s-skype {
2213 |     background-color: #5ecbf3
2214 | }
2215 | .social a:hover .icon-s-tumblr {
2216 |     background-color: #829fb9
2217 | }
2218 | .social a:hover .icon-s-delicious {
2219 |     background-color: #6194dc
2220 | }
2221 | .social a:hover .icon-s-500px {
2222 |     background-color: #3bbbe6
2223 | }
2224 | .social a:hover .icon-s-grooveshark {
2225 |     background-color: #f88e3b
2226 | }
2227 | .social a:hover .icon-s-forrst {
2228 |     background-color: #5f9864
2229 | }
2230 | .social a:hover .icon-s-digg {
2231 |     background-color: #507faa
2232 | }
2233 | .social a:hover .icon-s-blogger {
2234 |     background-color: #fd893f
2235 | }
2236 | .social a:hover .icon-s-klout {
2237 |     background-color: #e16747
2238 | }
2239 | .social a:hover .icon-s-dropbox {
2240 |     background-color: #6ba3c5
2241 | }
2242 | .social a:hover .icon-s-github {
2243 |     background-color: #6c93bb
2244 | }
2245 | .social a:hover .icon-s-songkick {
2246 |     background-color: #ff3b60
2247 | }
2248 | .social a:hover .icon-s-posterous {
2249 |     background-color: #efd57c
2250 | }
2251 | .social a:hover .icon-s-appnet {
2252 |     background-color: #3daad5
2253 | }
2254 | .social a:hover .icon-s-gplus {
2255 |     background-color: #bc7067
2256 | }
2257 | .social a:hover .icon-s-stumbleupon {
2258 |     background-color: #f07356
2259 | }
2260 | .social a:hover .icon-s-lastfm {
2261 |     background-color: #cd443d
2262 | }
2263 | .social a:hover .icon-s-spotify {
2264 |     background-color: #9acf48
2265 | }
2266 | .social a:hover .icon-s-instagram {
2267 |     background-color: #926d53
2268 | }
2269 | .social a:hover .icon-s-evernote {
2270 |     background-color: #9fdc82
2271 | }
2272 | .social a:hover .icon-s-paypal {
2273 |     background-color: #5b85a8
2274 | }
2275 | .social a:hover .icon-s-picasa {
2276 |     background-color: #b088c1
2277 | }
2278 | .social a:hover .icon-s-soundcloud {
2279 |     background-color: #ff8b45
2280 | }
2281 | .social a:hover a:hover i {
2282 |     background-color: #FFF
2283 | }
2284 | .social a:hover i {
2285 |     color: #FFF
2286 | }
2287 | .share-affix {
2288 |     position: fixed;
2289 |     top: 0;
2290 |     left: 0px;
2291 |     z-index: 997;
2292 |     background: #FFF;
2293 |     border: 1px solid rgba(0,0,0,0.1);
2294 |     font-size: 18px;
2295 | }
2296 | .share-icon {
2297 |     display: inline-block;
2298 |     padding: 10px;
2299 |     text-align: center;
2300 |     border-top: 1px solid rgba(0,0,0,0.1);
2301 | }
2302 | .share-icon:first-child {
2303 |     border-top: 0
2304 | }
2305 | .share-icon:before {
2306 |     font-family: 'fontello'
2307 | }
2308 | .share-affix [class*="icon-s-"] {
2309 |     color: #888
2310 | }
2311 | .share-affix .icon-s-facebook:hover {
2312 |     color: #677fb5
2313 | }
2314 | .share-affix .icon-s-twitter:hover {
2315 |     color: #70c2e9
2316 | }
2317 | .share-affix .icon-s-linkedin:hover {
2318 |     color: #3daccf
2319 | }
2320 | .share-affix .icon-s-tumblr:hover {
2321 |     color: #829fb9
2322 | }
2323 | .share-affix .icon-s-digg:hover {
2324 |     color: #507faa
2325 | }
2326 | .share-affix .icon-s-googleplus:hover {
2327 |     color: #bc7067
2328 | }
2329 | .share-affix .icon-s-pinterest:hover {
2330 |     color: #d8545d
2331 | }
2332 | .share-affix .icon-s-posterous:hover {
2333 |     color: #efd57c
2334 | }
2335 | .share-affix .icon-s-stumbleupon:hover {
2336 |     color: #f07356
2337 | }
2338 | .share-affix .icon-s-email:hover {
2339 |     color: #45be84
2340 | }
2341 | .navbar .social li a i {
2342 |     color: #fff;
2343 |     background: none;
2344 |     border: 0;
2345 |     height: auto !important;
2346 |     width: auto;
2347 |     font-size: 14px;
2348 | }
2349 | .navbar .social a:hover i {
2350 |     background: none
2351 | }
2352 | .navbar .social a:hover .icon-s-pinterest {
2353 |     color: #d8545d;
2354 |     border: 0;
2355 | }
2356 | .navbar .social a:hover .icon-s-rss {
2357 |     color: #faaa5e
2358 | }
2359 | .navbar .social a:hover .icon-s-facebook {
2360 |     color: #677fb5
2361 | }
2362 | .navbar .social a:hover .icon-s-twitter {
2363 |     color: #70c2e9
2364 | }
2365 | .navbar .social a:hover .icon-s-flickr {
2366 |     color: #ff3ba4
2367 | }
2368 | .navbar .social a:hover .icon-s-dribbble {
2369 |     color: #e299c2
2370 | }
2371 | .navbar .social a:hover .icon-s-behance {
2372 |     color: #42a9fb
2373 | }
2374 | .navbar .social a:hover .icon-s-linkedin {
2375 |     color: #3daccf
2376 | }
2377 | .navbar .social a:hover .icon-s-vimeo {
2378 |     color: #42b5d4
2379 | }
2380 | .navbar .social a:hover .icon-s-youtube {
2381 |     color: #d5615c
2382 | }
2383 | .navbar .social a:hover .icon-s-skype {
2384 |     color: #5ecbf3
2385 | }
2386 | .navbar .social a:hover .icon-s-tumblr {
2387 |     color: #829fb9
2388 | }
2389 | .navbar .social a:hover .icon-s-delicious {
2390 |     color: #6194dc
2391 | }
2392 | .navbar .social a:hover .icon-s-500px {
2393 |     color: #3bbbe6
2394 | }
2395 | .navbar .social a:hover .icon-s-grooveshark {
2396 |     color: #f88e3b
2397 | }
2398 | .navbar .social a:hover .icon-s-forrst {
2399 |     color: #5f9864
2400 | }
2401 | .navbar .social a:hover .icon-s-digg {
2402 |     color: #507faa
2403 | }
2404 | .navbar .social a:hover .icon-s-blogger {
2405 |     color: #fd893f
2406 | }
2407 | .navbar .social a:hover .icon-s-klout {
2408 |     color: #e16747
2409 | }
2410 | .navbar .social a:hover .icon-s-dropbox {
2411 |     color: #6ba3c5
2412 | }
2413 | .navbar .social a:hover .icon-s-github {
2414 |     color: #6c93bb
2415 | }
2416 | .navbar .social a:hover .icon-s-songkick {
2417 |     color: #ff3b60
2418 | }
2419 | .navbar .social a:hover .icon-s-posterous {
2420 |     color: #efd57c
2421 | }
2422 | .navbar .social a:hover .icon-s-appnet {
2423 |     color: #3daad5
2424 | }
2425 | .navbar .social a:hover .icon-s-gplus {
2426 |     color: #bc7067
2427 | }
2428 | .navbar .social a:hover .icon-s-stumbleupon {
2429 |     color: #f07356
2430 | }
2431 | .navbar .social a:hover .icon-s-lastfm {
2432 |     color: #cd443d
2433 | }
2434 | .navbar .social a:hover .icon-s-spotify {
2435 |     color: #9acf48
2436 | }
2437 | .navbar .social a:hover .icon-s-instagram {
2438 |     color: #926d53
2439 | }
2440 | .navbar .social a:hover .icon-s-evernote {
2441 |     color: #9fdc82
2442 | }
2443 | .navbar .social a:hover .icon-s-paypal {
2444 |     color: #5b85a8
2445 | }
2446 | .navbar .social a:hover .icon-s-picasa {
2447 |     color: #b088c1
2448 | }
2449 | .navbar .social a:hover .icon-s-soundcloud {
2450 |     color: #ff8b45
2451 | }
2452 | /*-----------------------------------------------------------------------------------*/
2453 | /*	FANCYBOX
2454 | /*-----------------------------------------------------------------------------------*/
2455 | #fancybox-thumbs ul li img {
2456 |     max-width: none
2457 | }
2458 | .fancybox-title {
2459 |     font: inherit
2460 | }
2461 | .fancybox-nav {
2462 |     position: fixed;
2463 |     top: 50%;
2464 |     margin-top: -62px;
2465 |     width: 45px;
2466 |     height: 80px;
2467 | }
2468 | .fancybox-prev span {
2469 |     left: 0px
2470 | }
2471 | .fancybox-next span {
2472 |     right: 0px
2473 | }
2474 | .fancybox-nav span {
2475 |     width: 45px;
2476 |     height: 80px;
2477 |     visibility: visible;
2478 | }
2479 | .fancybox-close {
2480 |     position: fixed;
2481 |     top: 0px;
2482 |     right: 0px;
2483 |     width: 55px;
2484 |     height: 55px;
2485 | }
2486 | .fancybox-close:before,
2487 | .fancybox-prev span:before,
2488 | .fancybox-next span:before {
2489 |     font-family: 'budicon';
2490 |     font-style: normal;
2491 |     font-weight: normal;
2492 |     speak: none;
2493 |     display: inline-block;
2494 |     text-decoration: inherit;
2495 |     text-align: center;
2496 |     font-size: 30px;
2497 |     vertical-align: middle;
2498 |     line-height: 82px;
2499 | }
2500 | .fancybox-close:before {
2501 |     font-size: 20px;
2502 |     line-height: 55px;
2503 | }
2504 | .fancybox-close,
2505 | .fancybox-prev span,
2506 | .fancybox-next span {
2507 |     background: rgba(0,0,0,0.2);
2508 |     color: #f7f7f7;
2509 |     text-align: center;
2510 |     transition: all 150ms ease-in;
2511 | }
2512 | .fancybox-prev span {
2513 |     border-top-right-radius: 4px;
2514 |     border-bottom-right-radius: 4px;
2515 | }
2516 | .fancybox-next span {
2517 |     border-top-left-radius: 4px;
2518 |     border-bottom-left-radius: 4px;
2519 | }
2520 | .fancybox-close {
2521 |     border-bottom-left-radius: 4px
2522 | }
2523 | .fancybox-close:hover,
2524 | .fancybox-prev span:hover,
2525 | .fancybox-next span:hover {
2526 |     background: rgba(0,0,0,0.3);
2527 |     color: #f7f7f7;
2528 | }
2529 | .fancybox-prev span:before {
2530 |     content: '\e046';
2531 |     margin-left: -6px;
2532 | }
2533 | .fancybox-next span:before {
2534 |     content: '\e044';
2535 |     margin-right: -6px;
2536 | }
2537 | .fancybox-close:before {
2538 |     content: "\e04c"
2539 | }
2540 | #fancybox-loading {
2541 |     margin-top: -20px;
2542 |     margin-left: -20px;
2543 |     opacity: 1;
2544 | }
2545 | #fancybox-loading div {
2546 |     height: 40px;
2547 |     width: 40px;
2548 |     position: relative;
2549 |     -webkit-animation: rotation .8s infinite linear;
2550 |     -moz-animation: rotation .8s infinite linear;
2551 |     -o-animation: rotation .8s infinite linear;
2552 |     animation: rotation .8s infinite linear;
2553 |     border-left: 3px solid rgba(69,190,132,.15);
2554 |     border-right: 3px solid rgba(69,190,132,.15);
2555 |     border-bottom: 3px solid rgba(69,190,132,.15);
2556 |     border-top: 3px solid rgba(69,190,132,.8);
2557 |     border-radius: 100%;
2558 | }
2559 | .fancybox-overlay {
2560 |     background: rgba(30,30,31,0.95)
2561 | }
2562 | #fancybox-thumbs.bottom {
2563 |     bottom: 10px
2564 | }
2565 | #fancybox-thumbs ul li {
2566 |     padding: 5px
2567 | }
2568 | #fancybox-thumbs ul li.active {
2569 |     border: none;
2570 |     opacity: 1;
2571 |     padding: 5px;
2572 | }
2573 | #fancybox-thumbs ul li a {
2574 |     border: 1px solid rgba(0, 0, 0, 0.3)
2575 | }
2576 | #fancybox-thumbs ul li a:before {
2577 |     pointer-events: none;
2578 |     content: '';
2579 |     position: absolute;
2580 |     width: 100%;
2581 |     height: 100%;
2582 |     z-index: 1;
2583 |     box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.3);
2584 | }
2585 | #fancybox-thumbs ul li.active a:before {
2586 |     box-shadow: inset 0 0 1px 0 rgba(255,255,255,1)
2587 | }
2588 | .fancybox-opened .fancybox-skin {
2589 |     box-shadow: none
2590 | }
2591 | .fancybox-skin {
2592 |     background: none;
2593 |     color: #ececec;
2594 |     border-radius: 0;
2595 | }
2596 | .fancybox-skin h3 {
2597 |     color: #ececec
2598 | }
2599 | .fancybox-title-inside-wrap {
2600 |     padding-top: 20px
2601 | }
2602 | 
2603 | /*-----------------------------------------------------------------------------------*/
2604 | /*	DIVIDERS
2605 | /*-----------------------------------------------------------------------------------*/
2606 | .divide0 {
2607 |     width: 100%;
2608 |     height: 0px;
2609 | }
2610 | .divide2 {
2611 |     width: 100%;
2612 |     height: 2px;
2613 | }
2614 | .divide3 {
2615 |     width: 100%;
2616 |     height: 3px;
2617 | }
2618 | .divide5 {
2619 |     width: 100%;
2620 |     height: 5px;
2621 | }
2622 | .divide10 {
2623 |     width: 100%;
2624 |     height: 10px;
2625 | }
2626 | .divide15 {
2627 |     width: 100%;
2628 |     height: 15px;
2629 | }
2630 | .divide20 {
2631 |     width: 100%;
2632 |     height: 20px;
2633 | }
2634 | .divide25 {
2635 |     width: 100%;
2636 |     height: 25px;
2637 | }
2638 | .divide30 {
2639 |     width: 100%;
2640 |     height: 30px;
2641 | }
2642 | .divide35 {
2643 |     width: 100%;
2644 |     height: 35px;
2645 | }
2646 | .divide40 {
2647 |     width: 100%;
2648 |     height: 40px;
2649 | }
2650 | .divide45 {
2651 |     width: 100%;
2652 |     height: 40px;
2653 | }
2654 | .divide50 {
2655 |     width: 100%;
2656 |     height: 50px;
2657 | }
2658 | .divide55 {
2659 |     width: 100%;
2660 |     height: 55px;
2661 | }
2662 | .divide60 {
2663 |     width: 100%;
2664 |     height: 60px;
2665 | }
2666 | .divide65 {
2667 |     width: 100%;
2668 |     height: 65px;
2669 | }
2670 | .divide70 {
2671 |     width: 100%;
2672 |     height: 70px;
2673 | }
2674 | .divide75 {
2675 |     width: 100%;
2676 |     height: 75px;
2677 | }
2678 | .divide80 {
2679 |     width: 100%;
2680 |     height: 80px;
2681 | }
2682 | .divide85 {
2683 |     width: 100%;
2684 |     height: 85px;
2685 | }
2686 | .divide90 {
2687 |     width: 100%;
2688 |     height: 90px;
2689 | }
2690 | .divide100 {
2691 |     width: 100%;
2692 |     height: 100px;
2693 | }
2694 | .rm0 {
2695 |     margin-right: 0px
2696 | }
2697 | .rm1 {
2698 |     margin-right: 1px
2699 | }
2700 | .rm2 {
2701 |     margin-right: 2px
2702 | }
2703 | .rm5 {
2704 |     margin-right: 5px
2705 | }
2706 | .rm6 {
2707 |     margin-right: 6px
2708 | }
2709 | .rm10 {
2710 |     margin-right: 10px
2711 | }
2712 | .rm15 {
2713 |     margin-right: 15px
2714 | }
2715 | .rm20 {
2716 |     margin-right: 20px
2717 | }
2718 | .rm25 {
2719 |     margin-right: 25px
2720 | }
2721 | .rm30 {
2722 |     margin-right: 30px
2723 | }
2724 | .rm40 {
2725 |     margin-right: 40px
2726 | }
2727 | .rm50 {
2728 |     margin-right: 50px
2729 | }
2730 | .lm0 {
2731 |     margin-left: 0px
2732 | }
2733 | .lm1 {
2734 |     margin-left: 1px
2735 | }
2736 | .lm5 {
2737 |     margin-left: 5px
2738 | }
2739 | .lm7 {
2740 |     margin-left: 7px
2741 | }
2742 | .lm10 {
2743 |     margin-left: 10px
2744 | }
2745 | .lm15 {
2746 |     margin-left: 15px
2747 | }
2748 | .lm20 {
2749 |     margin-left: 20px
2750 | }
2751 | .lm25 {
2752 |     margin-left: 25px
2753 | }
2754 | .lm30 {
2755 |     margin-left: 25px
2756 | }
2757 | .lm40 {
2758 |     margin-left: 40px
2759 | }
2760 | .rp5 {
2761 |     padding-right: 5px
2762 | }
2763 | .rp10 {
2764 |     padding-right: 10px
2765 | }
2766 | .rp15 {
2767 |     padding-right: 15px
2768 | }
2769 | .rp20 {
2770 |     padding-right: 20px
2771 | }
2772 | .rp30 {
2773 |     padding-right: 30px
2774 | }
2775 | .rp40 {
2776 |     padding-right: 40px
2777 | }
2778 | .rp50 {
2779 |     padding-right: 50px
2780 | }
2781 | .lp0 {
2782 |     padding-left: 0px
2783 | }
2784 | .lp10 {
2785 |     padding-left: 10px
2786 | }
2787 | .lp20 {
2788 |     padding-left: 20px
2789 | }
2790 | .lp30 {
2791 |     padding-left: 30px
2792 | }
2793 | .lp40 {
2794 |     padding-left: 40px
2795 | }
2796 | .lp50 {
2797 |     padding-left: 50px
2798 | }
2799 | .lp100 {
2800 |     padding-left: 100px
2801 | }
2802 | .tp0 {
2803 |     padding-top: 0 !important
2804 | }
2805 | .tp3 {
2806 |     padding-top: 3px
2807 | }
2808 | .tp5 {
2809 |     padding-top: 5px
2810 | }
2811 | .tp10 {
2812 |     padding-top: 10px
2813 | }
2814 | .tp20 {
2815 |     padding-top: 20px
2816 | }
2817 | .tp25 {
2818 |     padding-top: 25px
2819 | }
2820 | .tp30 {
2821 |     padding-top: 30px
2822 | }
2823 | .tp40 {
2824 |     padding-top: 40px
2825 | }
2826 | .tm4 {
2827 |     margin-top: 4px
2828 | }
2829 | .tm5 {
2830 |     margin-top: 5px
2831 | }
2832 | .tm7 {
2833 |     margin-top: 7px
2834 | }
2835 | .tm10 {
2836 |     margin-top: 10px
2837 | }
2838 | .tm15 {
2839 |     margin-top: 15px
2840 | }
2841 | .tm20 {
2842 |     margin-top: 20px
2843 | }
2844 | .tm40 {
2845 |     margin-top: 40px
2846 | }
2847 | .mbm1 {
2848 |     margin-bottom: -1px
2849 | }
2850 | .bp0 {
2851 |     padding-bottom: 0 !important
2852 | }
2853 | .bp10 {
2854 |     padding-bottom: 10px !important
2855 | }
2856 | .bp20 {
2857 |     padding-bottom: 20px !important
2858 | }
2859 | .bm0 {
2860 |     margin-bottom: 0 !important
2861 | }
2862 | .bm5 {
2863 |     margin-bottom: 5px !important
2864 | }
2865 | .bm6 {
2866 |     margin-bottom: 6px !important
2867 | }
2868 | .bm10 {
2869 |     margin-bottom: 10px !important
2870 | }
2871 | .bm15 {
2872 |     margin-bottom: 15px !important
2873 | }
2874 | .bm20 {
2875 |     margin-bottom: 20px !important
2876 | }
2877 | .bm25 {
2878 |     margin-bottom: 25px !important
2879 | }
2880 | .bm30 {
2881 |     margin-bottom: 30px !important
2882 | }
2883 | .bm50 {
2884 |     margin-bottom: 50px !important
2885 | }
2886 | .bp50 {
2887 |     padding-bottom: 50px !important
2888 | }
2889 | /*-----------------------------------------------------------------------------------*/
2890 | /*	RESPONSIVE
2891 | /*-----------------------------------------------------------------------------------*/
2892 | @media (min-width: 992px) { 
2893 | 	.navbar .nav.navbar-nav > li:last-of-type > ul {
2894 | 	    left: auto;
2895 | 	    right: 0;
2896 | 	}
2897 | 	.nav.navbar-nav > li > ul ul.pull-left,
2898 | 	.navbar .nav.navbar-nav> li:last-of-type > ul ul {
2899 | 	    left: auto;
2900 | 	    right: 100%;
2901 | 	    margin-top: -1px;
2902 | 	    margin-right: -1px;
2903 | 	    border-right: 1px solid rgba(255,255,255,0.06) !important;
2904 | 	}
2905 | 	.nav.navbar-nav > li > ul ul.pull-left li,
2906 | 	.navbar:not(.centered) .nav.navbar-nav> li:last-of-type > ul ul li {
2907 | 	    border-left: none !important;
2908 | 	}
2909 | 	.caret {
2910 | 	    display: none
2911 | 	}
2912 | 	.dropdown-submenu .caret {
2913 | 	    display: inline-block
2914 | 	}
2915 | 	.navbar .dropdown-submenu > a:after {
2916 | 	    display: none
2917 | 	}
2918 | 	.navbar .dropdown-submenu > .dropdown-menu:before {
2919 | 	    display: none
2920 | 	}
2921 | 	.navbar .dropdown-submenu > .dropdown-menu {
2922 | 	    margin-top: 0;
2923 | 	    padding-top: 0;
2924 | 	}
2925 | 	.dropdown-submenu {
2926 | 	    position: relative
2927 | 	}
2928 | 	.dropdown-submenu>.dropdown-menu {
2929 | 	    top: 0;
2930 | 	    left: 100%;
2931 | 	    margin-left: 0;
2932 | 	    margin-top: -1px !important;
2933 | 	}
2934 | 	.dropdown-submenu>.dropdown-menu li {
2935 | 	    border-left: 1px solid rgba(255,255,255,0.06) !important
2936 | 	}
2937 | 	.dropdown-submenu:hover>.dropdown-menu {
2938 | 	    display: block
2939 | 	}
2940 | 	.dropdown-submenu>a:after {
2941 | 	    display: block;
2942 | 	    content: " ";
2943 | 	    float: right;
2944 | 	    width: 0;
2945 | 	    height: 0;
2946 | 	    margin-top: 5px;
2947 | 	    margin-right: -10px;
2948 | 	}
2949 | 	.dropdown-submenu:hover>a:after {
2950 | 
2951 | 	}
2952 | 	.dropdown-submenu.pull-left {
2953 | 	    float: none
2954 | 	}
2955 | 	.dropdown-submenu.pull-left>.dropdown-menu {
2956 | 	    left: -100%;
2957 | 	    margin-left: 10px;
2958 | 	}
2959 | 	.open > .dropdown-menu,
2960 | 	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
2961 | 	    animation-name: slidenavAnimation;
2962 | 	    animation-duration: .3s;
2963 | 	    animation-iteration-count: 1;
2964 | 	    animation-timing-function: ease;
2965 | 	    animation-fill-mode: forwards;
2966 | 	    -webkit-animation-name: slidenavAnimation;
2967 | 	    -webkit-animation-duration: .3s;
2968 | 	    -webkit-animation-iteration-count: 1;
2969 | 	    -webkit-animation-timing-function: ease;
2970 | 	    -webkit-animation-fill-mode: forwards;
2971 | 	    -moz-animation-name: slidenavAnimation;
2972 | 	    -moz-animation-duration: .3s;
2973 | 	    -moz-animation-iteration-count: 1;
2974 | 	    -moz-animation-timing-function: ease;
2975 | 	    -moz-animation-fill-mode: forwards;
2976 | 	}
2977 | 	@keyframes slidenavAnimation {
2978 | 	    from {
2979 | 	        opacity: 0
2980 | 	    }
2981 | 	    to {
2982 | 	        opacity: 1
2983 | 	    }
2984 | 	}
2985 | 	@-webkit-keyframes slidenavAnimation {
2986 | 	    from {
2987 | 	        opacity: 0
2988 | 	    }
2989 | 	    to {
2990 | 	        opacity: 1
2991 | 	    }
2992 | 	}
2993 | 	.navbar .top-bar {
2994 | 		display: block;
2995 | 	}
2996 | }
2997 | @media (max-width: 991px) {
2998 | 	body:not(.onepage) .navbar.default,
2999 | 	body:not(.onepage) .navbar.fixed {
3000 | 	    position: relative
3001 | 	}
3002 | 	body:not(.onepage) .offset {
3003 | 	    display: none
3004 | 	}
3005 | 	body:not(.onepage) .navbar {
3006 | 	    background: #FFF !important;
3007 | 	}
3008 | 	body:not(.onepage) .navbar .btn.responsive-menu {
3009 | 	    color: #434343 !important
3010 | 	}
3011 | 	body:not(.onepage) .navbar .navbar-brand img.logo-light {
3012 | 	    display: none
3013 | 	}
3014 | 	body:not(.onepage) .navbar .navbar-brand img.logo-dark {
3015 | 	    display: block
3016 | 	}
3017 | 	.navbar .nav > li.current > a {
3018 | 	    box-shadow: none !important;
3019 | 	}
3020 | 	.navbar .nav > li.current > a,
3021 | 	.navbar .nav > li > a:hover {
3022 | 	    color: #45be84 !important
3023 | 	}
3024 | 	.navbar-brand {
3025 | 	    position: relative;
3026 | 	    -webkit-box-shadow: none;
3027 | 	    -moz-box-shadow: none;
3028 | 	    box-shadow: none;
3029 | 	    margin: 0;
3030 | 	}
3031 | 	.btn.responsive-menu {
3032 | 	    display: block
3033 | 	}
3034 | 	.navbar li.menu-icon span {
3035 | 		display: block;
3036 | 	}
3037 | 	.navbar li.menu-icon i {
3038 | 		display: none;
3039 | 	}
3040 | 	.navbar .nav,
3041 | 	.navbar .dropup,
3042 | 	.navbar .dropdown,
3043 | 	.navbar .collapse {
3044 | 	    position: relative
3045 | 	}
3046 | 	.navbar .dropdown-menu {
3047 | 	    position: relative;
3048 | 	    left: inherit;
3049 | 	    top: inherit;
3050 | 	    float: none;
3051 | 	    width: 100% !important;
3052 | 	    background: none;
3053 | 	    padding: 0;
3054 | 	    border-top: 0 !important;
3055 | 	}
3056 | 	.navbar .nav > li.current > a {
3057 | 	    box-shadow: none
3058 | 	}
3059 | 	.navbar .dropdown-menu li {
3060 | 	    border: none !important
3061 | 	}
3062 | 	.navbar-nav > li > a,
3063 | 	.navbar .dropdown-menu li a {
3064 | 	    border-top: 1px solid rgba(255,255,255,0.06)
3065 | 	}
3066 | 	.navbar-nav > li:first-child > a {
3067 | 	    border-top: none
3068 | 	}
3069 | 	.navbar .nav .open > a,
3070 | 	.navbar .nav .open > a:hover,
3071 | 	.navbar .nav .open > a:focus {
3072 | 	    background: none;
3073 | 	    border-color: rgba(255,255,255,0.06);
3074 | 	}
3075 | 	.navbar .dropdown-menu li a,
3076 | 	.navbar.solid .navbar-nav > li > a,
3077 | 	.navbar.fixed .navbar-nav > li > a {
3078 | 	    color: #FFF !important
3079 | 	}
3080 | 	.navbar-nav > li > a,
3081 | 	.navbar .dropdown-menu li a,
3082 | 	.navbar .dropdown-menu li a:hover,
3083 | 	.navbar .dropdown-menu li a.active {
3084 | 	    padding: 12px 0 !important
3085 | 	}
3086 | 	.navbar-nav .open .dropdown-menu > li > a {
3087 | 	    line-height: 1
3088 | 	}
3089 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
3090 | 	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
3091 | 	    color: #45be84 !important
3092 | 	}
3093 | 	.navbar .dropdown-menu {
3094 | 	    padding-left: 20px
3095 | 	}
3096 | 	.navbar-nav > li {
3097 | 	    border: none;
3098 | 	    margin: 0 !important;
3099 | 	}
3100 | 	.navbar .btn.responsive-menu {
3101 | 	    margin: 25px 0 0 0;
3102 | 	    float: right;
3103 | 	}
3104 | 	.navbar.fixed .btn.responsive-menu {
3105 | 	    margin: 22px 0 0 0;
3106 | 	}
3107 | 	.navbar-header {
3108 | 	    float: left;
3109 | 	    width: 100%;
3110 | 	}
3111 | 	.navbar-header:after {
3112 | 	    content: '';
3113 | 	    display: block;
3114 | 	    height: 0;
3115 | 	    clear: both;
3116 | 	    visibility: hidden;
3117 | 	}
3118 | 	.navbar .container {
3119 | 	    width: 100%;
3120 | 	    padding: 0;
3121 | 	}
3122 | 	.navbar .navbar-collapse {
3123 | 	    width: 100%;
3124 | 	    float: none !important;
3125 | 	    margin: 0;
3126 | 	    border: 0 !important;
3127 | 	    max-height: none;
3128 | 	    text-align: left;
3129 | 	    overflow: hidden;
3130 | 	    background: #272727;
3131 | 	    box-shadow: none;
3132 | 	}
3133 | 	.navbar .navbar-nav {
3134 | 	    width: 720px;
3135 | 	    margin: 20px auto 0;
3136 | 	    padding: 0;
3137 | 	}
3138 | 	.navbar .basic-wrapper {
3139 | 	    width: 720px;
3140 | 	    margin: 0 auto;
3141 | 	    display: block;
3142 | 	    text-align: center;
3143 | 	}
3144 | 	.timeline .timeline-item {
3145 | 	    width: 100% !important
3146 | 	}
3147 | 	.timeline-item .arrow:after,
3148 | 	.timeline-item .arrow:before {
3149 | 	    display: none;
3150 | 	}
3151 | 	.timeline-item .post-content:before {
3152 | 	    display: none;
3153 | 	}
3154 | 	.timeline-item .post-content {
3155 | 	    margin: 0 !important;
3156 | 	    padding: 25px;
3157 | 	}
3158 | 	.timeline-item.right {
3159 | 	    margin: 0 !important;
3160 | 	}
3161 | 	.circle-wrapper .circle {
3162 | 	    width: 100%;
3163 | 	    margin: 0 0 30px 0;
3164 | 	    background: none !important;
3165 | 	}
3166 | 	.circle-wrapper {
3167 | 	    margin-top: 0;
3168 | 	    margin-bottom: -30px;
3169 | 	}
3170 | 	.thin,
3171 | 	.thin2 {
3172 | 		width: 100%;
3173 | 	}
3174 | 	.tabs-top .tab {
3175 | 	    margin-bottom: 6px;
3176 | 	}
3177 | }
3178 | @media (min-width: 768px) and (max-width: 991px) { 
3179 | 	.container {
3180 | 	    padding-right: 15px;
3181 | 	    padding-left: 15px;
3182 | 	}
3183 | }
3184 | @media (max-width: 767px) { 
3185 | 	.container {
3186 | 	    padding-right: 20px;
3187 | 	    padding-left: 20px;
3188 | 	}
3189 | 	.navbar .container {
3190 | 	    padding-right: 0px;
3191 | 	    padding-left: 0px;
3192 | 	}
3193 | 	.navbar .navbar-nav {
3194 | 	    width: 100%;
3195 | 	    margin: 20px auto 0;
3196 | 	    padding-left: 20px;
3197 | 	    padding-right: 20px;
3198 | 	}
3199 | 	.navbar .basic-wrapper {
3200 | 	    width: 100%;
3201 | 	    padding-left: 20px;
3202 | 	    padding-right: 20px;
3203 | 	    margin: 0 auto;
3204 | 	    display: block;
3205 | 	}
3206 | 	.navbar .navbar-nav > li {
3207 | 	    margin-left: 0
3208 | 	}
3209 | 	[class*="col-"] {
3210 | 	    margin-bottom: 30px
3211 | 	}
3212 | 	.parallax .col-md-pull-6 .main {
3213 | 		margin-bottom: -30px;
3214 | 		width: 100%;
3215 | 		max-width: 100%;
3216 | 	}
3217 | 	.vanilla-form [class*="col-"] {
3218 | 	    margin-bottom: 0
3219 | 	}
3220 | 	.row-no-padding [class*="col-"] {
3221 | 	    margin-bottom: 0
3222 | 	}
3223 | 	.share-affix {
3224 | 	    display: none;
3225 | 	}
3226 | 	footer .copyright,
3227 | 	footer .footer-menu {
3228 | 	    float: none !important
3229 | 	}
3230 | 	footer .footer-menu {
3231 | 	    margin-top: 10px
3232 | 	}
3233 | 	footer .footer-menu li {
3234 | 		padding: 0 10px 0 0;
3235 | 	}
3236 | 	#comments .user {
3237 | 	    display: none
3238 | 	}
3239 | 	#comments .message-inner {
3240 | 	    margin-left: 0px;
3241 | 	}
3242 | 	.map-wrapper .text {
3243 | 	    display: none;
3244 | 	}
3245 | 	.navigation .btn {
3246 | 	    float: none !important;
3247 | 	    display: block;
3248 | 	    width: 280px;
3249 | 	    margin: 0 auto 10px;
3250 | 	}
3251 |     figure {
3252 |         text-align: center;
3253 |     }
3254 |     figure img {
3255 |         max-width: 70%;
3256 |     }
3257 | }
3258 | 
3259 | 
3260 | 


--------------------------------------------------------------------------------